css - CSS N 番目の子セレクター - スタイル

Question

<a class="abc">
     <span class="def">foo</span>
     bar
   </a>

バーを太字にするためにバーをターゲットにする方法 - css クラスを与えることはできません。n 番目の子を試しましたが、機能しませんでした。

abc a:nth-child(2) {
text-weight:bold !important;
}

score 1 · Accepted Answer

CSS ルールに問題があります。次のように書きます

   .abc a:nth-child(2) {
    font-weight:bold !important;
    }

必要な効果を得るには、CSSを次のように変更します

    a.abc {
    font-weight:bold!important;
    }
.def{
    font-weight:normal!important;
    }

score 0 · Accepted Answer

これを行うためのトリックを行うことができます。

.abc
{
  font-weight:bold;
}
.def{

font-weight:normal;
}

HTML

<a class="abc">
     <span class="def">foo</span>
     bar
</a>

score 0 · Accepted Answer

nth-child css でターゲットを設定する場合は、バーのテキストをスパン coz に配置する必要があります。同じタグを表示する必要があります。両方の例を作成しました。このフィドルを確認してくださいhttp://jsfiddle.net/sarfarazdesigner/ShRnY/

また、以下のコードを使用します

.abc :nth-child(2) {
    font-weight:bold;
}

<a class="abc">
     <span class="def">foo</span>
     <span>bar</span>
   </a>

score -1 · Accepted Answer

-1

今これを試してみてください

.abc:nth-child(2) {
font-weight:bold !important;
}

于 2012-12-06T07:16:41.680 に答える

4 に答える 4