風格只有一個錨鏈接類應用於李

WordPress正在向我的側邊菜單中環繞我錨鏈接的<li>應用「current_page_item」類。我只想粗體顯示當前的頁面項目。

我有嵌套像這樣一些子菜單：

<ul class="menu"> 
    <li class="current_page_item"> 
     <a>Please bold</a> 
     <ul class="sub-menu"> 
      <li><a>Pleas DO NOT bold</a></li> 
      <li><a>Pleas DO NOT bold</a></li> 
      <li><a>Pleas DO NOT bold</a></li> 
     </ul> 
    </li> 
</ul>

我只是不能得到1個鏈接到大膽，它加粗每個子鏈接也。

ul.menu li.current_page_item:first-child {font-weight:bold}

我需要什麼CSS？如果這個班級在錨鏈上，這很簡單，但我不能讓我的腦袋知道如何去做。

來源

2015-02-09 James Wilson

您的標記是錯誤。請先糾正它，然後再應用 – 2015-02-09 12:36:09

你可以這樣來做：

ul.menu li.current_page_item > a:first-child {font-weight:bold}

這將大膽的a標籤直接ul.menu li.current_page_item下，不管你有多少直接a標籤都有其下。

工作代碼段：

ul.menu li.current_page_item > a:first-child {font-weight:bold}

<ul class="menu"> 
 
    <li class="current_page_item"> 
 
     <a>Please bold</a> 
 
     <ul class="sub-menu"> 
 
      <li><a>Pleas DO NOT bold</a> 
 
      <li><a>Pleas DO NOT bold</a> 
 
      <li><a>Pleas DO NOT bold</a> 
 
     </ul> 
 
    </li> 
 
</ul>

來源

2015-02-09 12:30:18

是的這個作品謝謝你！ – 2015-02-09 12:33:29

@JamesWilson我很高興它幫助你。 :)請註冊並將此答案標記爲已接受。 – 2015-02-09 12:34:04

你應該使用a:first-child這樣

.menu li.current_page_item a:first-child{ 
    font-weight:bold; 
}

WORKING DEMO

注意

所有

貴麗在標記不封閉，所以使用

<ul class="menu"> 
    <li class="current_page_item"> <a>Please bold</a></li> 
     <li> 
      <ul class="sub-menu"> 
       <li><a>Pleas DO NOT bold</a></li> 
       <li><a>Pleas DO NOT bold</a></li> 
       <li><a>Pleas DO NOT bold</a></li> 
      </ul> 
     </li> 
</ul>

來源

2015-02-09 12:28:26

對不起薩傑德，這沒有什麼大膽的。其他解決方案工作，但謝謝你的嘗試 – 2015-02-09 12:33:56

@JamesWilson：這是因爲你的標記是錯誤的..！請檢查你的標記 – 2015-02-09 12:35:21

授予我輸入的例子不正確，但是CSS沒有在我的WordPress網站上工作，所以我不知道爲什麼。小提琴看起來不錯，但再次感謝您的幫助。 – 2015-02-09 12:44:58

如果你想支持舊的瀏覽器爲好，這樣做

.current_page_item>a{ 
        font-weight:bold 
        }

這將選擇的直接子.current_page_item，這是錨，並使其大膽。這是比第一個孩子更好的方法，因爲第一個孩子在舊版瀏覽器中不受支持。 Demo

注意：如果你想使所有這些都是.current_page_item直接孩子，否則錨如果你只是想第一個要大膽使用

ul.menu li.current_page_item > a:first-child {font-weight:bold}

正如解釋使用rahul。但仍然如果你有多個錨，你需要使他們粗體，你會最終使用first-child, nth-child, last-child,etc我會建議使用一個類來使元素粗體（有些東西像class='bold'），或者如上所示

來源

2015-02-09 12:32:19

風格只有一個錨鏈接類應用於李

回答

相關問題