0

このクラスにのみ固有のアンカーテキストの色を変更したいので、クラス.menu-item-16をターゲットにしています。しかし、ブラウザは私のカスタムコードのデフォルトテーマのCSS値と一致します。

私のCSSファイルにはテーマのデフォルトコードがあります

.news-entry li a:visited {
    color: #A84949;
}

私のコード

.menu-item-16 a, .menu-item-16 a:active, .menu-item-16 a:link, .menu-item-16 a:visited    {
    color: green;
}

しかし、ブラウザでは、ツールキットを使用すると、テーマのデフォルトコードと一致し、コードは以下のとおりです。

私を助けてください。私は運がないまま何時間も探していました。

4

3 に答える 3

0

次のように、アンカータグに id を指定してみてください。

#menu-item-16 a {
    color: green;
}

または、クラス css に「!important」を指定してみてください。

.menu-item-16 a{
    color: green !important;
}
于 2012-08-29T11:00:54.233 に答える
0

デフォルトのテーマ CSS に一致するように詳細度を更新する必要があります。li次のことを試してください ( の前にあることに注意してくださいa)。

.menu-item-16 li a, 
.menu-item-16 li a:active, 
.menu-item-16 li a:link, 
.menu-item-16 li a:visited    {
    color: green;
}

また、適切にカスケードするには、スタイル ルールをデフォルトのテーマ CSS の後に配置する必要があることに注意してください。

===>>> 編集 <<<===

.menu-item-16がデフォルト CSS の li であると仮定すると、以下を使用する必要があります。

.news-entry li.menu-item-16 a, 
.news-entry li.menu-item-16 a:active, 
.news-entry li.menu-item-16 a:link, 
.news-entry li.menu-item-16 a:visited    {
    color: green;
}
于 2012-08-29T11:01:28.637 に答える
0

「li」が欠落していると思います：

.news-entry li.menu-item-16 a, .news-entry li.menu-item-16 a:active, .news-entry li.menu-item-16 a:link, .news-entry li.menu-item-16 a:visited     
{
    color: green;
}
于 2012-08-29T10:59:05.090 に答える