1

特定のリンクのテーマローラーのテーマをオーバーライドしようとしています。

すべてのリンクのコードは次のとおりです。

.ui-body-c .ui-link:link {
    color:      #000000      /*{c-body-link-color}*/;
    text-decoration: none !important;
}

.ui-body-c .ui-link:visited {
    color:      #000000      /*{c-body-link-visited}*/;
    text-decoration: none !important;
}

.ui-body-c .ui-link:active {
    color:      #000000      /*{c-body-link-active}*/;
    text-decoration: none !important;
}

.ui-body-c .ui-link:hover {
    color:      #00b2ef !important     /*{c-body-link-hover}*/;
    text-decoration: underline !important;
}

新しいリンクを作成しましたが、:link の色を他のリンクとは異なるものにしたいと考えています。次のクラス .newlink を追加しました。

.newlink:link{
    color: #00b2ef
}

このクラスをどこに配置しても、またはセレクター (.newlink セレクターまたはこのリンクの一意の ID と共に上にある他の 2 つのクラス) を追加しても、リンクは引き続きテーマローラー スタイルを継承します。firebug を使用して継承されたスタイルを表示すると、追加したスタイルに常に取り消し線が引かれます。セレクター (.ui-body-c .ui-link .newlink:link{...}) に余分なクラスを追加すると、リンクのこのルールの重みが増えると思いましたが、うまくいきません。助けていただければ幸いです。みんな、ありがとう！

4

1 に答える 1

0

.ui-body-c .ui-link.newlink:link{...} の間のスペースを削除して、newlink クラスを持つ ui-link を指定するだけで、重みを増やすことができます。 ..

上記のコードをオーバーライドするには、以下に追加する必要があります。(UIリンク)

.ui-body-c .ui-link.newlink:link {
    color:      #000000      /*{c-body-link-color}*/;
    text-decoration: none;
}

ui-link クラスを削除する予定がない限り...その場合は css を書き直す必要があります...多分次のようなものです:

.ui-body-c a.newlink:link {
    color:      #000000      /*{c-body-link-color}*/;
    text-decoration: none !important;
}

.ui-body-c a.newlink:visited {
    color:      #000000      /*{c-body-link-visited}*/;
    text-decoration: none !important;
}

.ui-body-c a.newlink:active {
    color:      #000000      /*{c-body-link-active}*/;
    text-decoration: none !important;
}

.ui-body-c a.newlink:hover {
    color:      #00b2ef !important;     /*{c-body-link-hover}*/
    text-decoration: underline !important;
}
于 2013-03-05T17:59:07.887 に答える