仅隐藏第一个元素，排除没有类或ID的嵌套元素

Question

我的网页上有一个无序列表。

Home      News      About
           - Weather
           - Sports
           - Local Events

我只想用CSS隐藏 Home列表项，这就是我所拥有的;

ul li:first-child { display: none; }

显然，这将隐藏每个li的每个ul，即使是嵌套元素。这是踢球者，我 不能 给它一个类或ID。话虽如此，我怎样才能通过CSS定位Home？

Answer 1

<ul>
  <li> ola1</li>
  <li> ola2</li>
</ul>

<ul>
  <li> xau1</li>
  <li> xau2</li>
</ul>




ul:first-of-type li:first-of-type {
  display: none;
}

http://codepen.io/Just14/pen/KaNvVN

Answer 2

您可以访问第一个 ul 的第一个 li

ul:first-child li:first-child { display: none; }