CSS：第一個孩子的選擇器

Question

爲什麼兩個鏈接都會在這個設置中變得粗體？

我希望只有li.current下面的a-tag變得粗體。

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> 

Answer 1

用途：

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

jsFiddle example

的>指的是直系孩子。因此，儘管您的規則適用於任何小孩的主播，但上述規則僅適用於ul li.current的直系子女。請注意，您也可以放棄:first-child部分，具體取決於您希望鏈接格式化的方式。

另請注意，在您的代碼中，您有.ul，您可能只需要ul就如我的示例中所示。

Answer 2

如果網站不是那種動態的，你可能可以通過將style="font-weight:bold"添加到你想要的粗體的<a>標籤中。這也可以讓你隨時隨地創建任何你喜歡的鏈接。儘管它在樣式表之外。