刪除只有一個鏈接div部分，但不是在同一個div的導航菜單

我有一個CSS問題。鏈接位於「主分區」內，我希望刪除它。但下面是一個鏈接部分，所以我不能做「#main a {display：none}」。刪除只有一個鏈接div部分，但不是在同一個div的導航菜單

說「跳過導航」的是我想要刪除的。而且，我不能刪除從HTML（UNI分配）ANYTHING

<div id="menu"> 
     <a href="#maincontent">Skip navigation</a> 
     <ul> 
      <li><a href="#">home</a></li> 
      <li><a href="#">project</a></li> 
      <li><a href="#">information</a></li> 
      <li><a href="#">contakt</a></li> 
      <li><a href="#">find usa></li> 
     </ul>

我已經試過各種CSS的：

menu #maincontent a {display:none;} 
menu a {display: none;}

，10人，但無濟於事。

任何幫助，不勝感激

來源

2014-09-24 rob75

[使用此列表以供將來參考]（http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048）:) – misterManSam 2014-09-24 17:11:29

你可以簡單地給予和id爲<a>標籤例如#maincontent和做到這一點：

HTML：

<div id="menu"> 
     <a href="#maincontent" id="maincontent">Skip navigation</a> 
     <ul> 
      <li><a href="#">home</a></li> 
      <li><a href="#">project</a></li> 
      <li><a href="#">information</a></li> 
      <li><a href="#">contakt</a></li> 
      <li><a href="#">find usa></li> 
     </ul>

CSS：

#maincontent { 
    display:none; 
}

來源

2014-09-24 17:01:37

謝謝，但是刪除了整個頁面。 – rob75 2014-09-24 17:03:46

編輯我的答案 – 2014-09-24 17:10:39

使用直接子選擇器：

#menu > a{display:none;} /*hides skip navigation only*/

這是錯誤的：

menu #maincontent a {display:none;} 
menu a {display: none;}

我會做這樣的：

#menu a#maincontent {display:none;} 
#menu > a {display: none;}

但由於ID是唯一的，你可以應用CSS的直接：

#maincontent{display:none;}

來源

2014-09-24 17:02:57

#maincontent不是id，它是href屬性 – Bobo 2014-09-24 17:08:15

OP應該在html中應用該id ... – 2014-09-24 17:09:41

非常感謝，C-link尼泊爾！ #menu> a {display：none;} 解決了它。我不敢相信我自己沒有想到這個！ – rob75 2014-09-24 17:10:22

如果你真的不想改變任何在的HTML，你可以使用屬性選擇了href：

#menu a[href="#maincontent"] { 
    display: none; 
}

或事件針對<a>與兒童定位僞選擇，如如:nth-child(n),:first-child或:first-of-type。但是，你必須讓他們直接選擇兒童>。例如：

#menu > a:first-child { 
    display: none; 
}

來源

2014-09-24 17:20:48 LcSalazar

刪除只有一個鏈接div部分，但不是在同一個div的導航菜單

回答

相關問題