0

この設定で両方のリンクが太字になるのはなぜですか？

li.currentのすぐ下のaタグだけを太字にしてほしい。

CSS

.ul li.current a:first-child{
    font-weight:bold;
}

HTML

<ul>
  <li class="current">
    <a href="">This link</a>
      <ul>
        <li>
          <a href="">Not this</a>
        </li>
      </ul>
  </li>
</ul>
4

2 に答える 2

4

使用する：

ul li.current > a:first-child{
    font-weight:bold;
}

jsFiddleの例

は直接の>子を指します。したがって、ルールが子であるアンカーに適用されている間、上記のルールはの直接の子にのみ適用されul li.currentます。:first-childリンクのフォーマット方法によっては、パーツをドロップできる場合もあることに注意してください。

また、コードには、私の例のように、.ulおそらく必要な場所があることに注意してください。ul

于 2012-07-20T19:28:43.827 に答える
0

ウェブサイトがそれほど動的でない場合は、太字にしたいタグに追加style="font-weight:bold"することで逃げることができるかもしれません。<a>これにより、いつでも好きなリンクを太字にすることができます。ただし、スタイルシートの範囲外です。

于 2012-07-20T19:33:13.173 に答える