html - 如何在我的代码中使用第一个 child ？

Question

在这个例子中http://jsfiddle.net/eFhRE/1/我不想在 :first-child 的帮助下将 ID 为 shoshone 的标签设为红色。必须只是带有 id shoshone 的 a 标签，并且只能使用 :first-child。其余的 a 标签必须保持蓝色。

这是html代码:

<ul>
  <li class="mosonkhani">
    <a id="shoshone" href="#">Potsmare</a>
    <ul>
      <li><a href="#">Lorem</a></li>
      <li><a href="#">Ipsum</a></li>
      <li><a href="#">Dolores</a></li>
      <li><a href="#">Quiddam</a></li>
    </ul>
  </li>
</ul>

这是我试过的 css 代码:

a { color:#00f; }
.mosonkhani:first-child {
  color:#f00;
}

如何做到这一点？

Answer 1

.mosonkhani > :first-child {
  color:#f00;
}

您想要第一个 child 在 .mosonkhani 中。你拥有的是一个有品位的元素mosonkhani 这也是第一个 child 。

http://jsfiddle.net/eFhRE/3/