css - CSS - 既存のテーマのリンクの色を変更できません

Question

既存のテーマの特定の領域でリンクの色を上書きしようとしています。デフォルトでは、リンクは青色の背景に青色です。このテーマが顧客に提供されることがどのように承認されたかはわかりませんが、この領域のリンクを白にすることで簡単な修正を試みます.

問題のあるページの領域のマークアップは次のとおりです。

<div id="product_details_customtab2_tab">
    <a href="http://www.example.com/">example</a>
</div>

これは、失敗した修正の試みの 1 つです。私は何十もの同様のものを試しました。どれも機能しませんでした。

#product_details_customtab2_tab {link{color: white !important}}

ただし、修正したい部分のリンクは変わりませんでした。（カスタムCSSを追加できる管理領域があるので、そこに挿入しました。テーマの他の領域で他のスタイルを変更できるため、基本的な機能は機能しますが、この特定のケースでは詳細がありません右。）

CSS の何が問題になっていますか? この質問で十分な情報を提供しましたか? ありがとう

更新：これがうまくいった解決策です：

#product_details_customtab2_tab a:link{color: white}

ありがとうございました！！！

score 2 · Accepted Answer

あなたのセレクターは間違っています...スタンドアロンのCSS「リンク」セレクターはなく、「:link」セレクターのみです:

また、CSS 継承を使用するには、継承チェーンの各部分を {} で囲むのではなく、スペースで区切るだけで済みます。つまり、id が "foo" の div 内のすべてのリンクを変更したい場合は、次のようにします。

#foo a { ... } /* CORRECT */

これではありません：

#foo { a { ... } } /* WRONG */

私はあなたがこれをしたかったと思います：

#product_details_customtab2_tab a{color: white !important}

またはこれ：

#product_details_customtab2_tab a:link{color: white !important}

score 1 · Accepted Answer

CSS が無効です。別のセレクター内にセレクターを作成するには、次のようにスペースが必要です。

#product_details_customtab2_tab a { color: white; }

aこれにより、その div 内のすべての要素が選択されます。

2 に答える 2