无法使用n-child定位锚点

时间:2015-12-16 08:16:31

标签: html css css-selectors

如果存在第二个孩子,我需要能够隐藏它。

https://jsfiddle.net/b7vg2qsp/



<ul id="mob-links">
  <li><a href="../../inventory.php">Inventory</a>
  </li>
  <li><a href="../../ah/">Market</a>  <a href="../../ah/">second link</a>
  </li>
</ul>
&#13;
var price = [10]
&#13;
&#13;
&#13;

我用谷歌搜索谷歌并且我找不到一些东西,说这些东西不能被nth-child选择。

3 个答案:

答案 0 :(得分:2)

您需要做的就是将伪选择器与类型选择器分开:

#mob-links li :nth-child(2) {
  display: none !important;
}
<ul id="mob-links">
  <li><a href="../../inventory.php">Inventory</a>
  </li>
  <li><a href="../../ah/">Market</a>  <a href="../../ah/">second link</a>
  </li>
</ul>

连接选择器时,它们应用于同一级别。使用空格分隔符选择后代。您可以使用>直接后代(子...)选择器更具体。

答案 1 :(得分:1)

您也可以选择锚标记:

#mob-links li > a:nth-child(2) {
  display: none !important;
}

演示:JSFiddle

答案 2 :(得分:0)

如果是关于~中的链接,则选择器:#mob-links li a ~ a { display: none; }会这样做。 (这里只显示第一个链接,无论文本是否介于两者之间)。

&#13;
&#13;
<ul id="mob-links">
  <li><a href="../../inventory.php">Inventory</a>
  </li>
  <li><a href="../../ah/">Market</a>  <a href="../../ah/">second link</a>
  </li>
</ul>
&#13;
System.out.println(Arrays.toString(strToSplit.split("(\\s+|\\.|\\,|\\?|\\!)+")));
&#13;
&#13;
&#13;