CSS选择器 - 仅限目标<a> on page</a>

Question

我正在试图弄清楚如何只定位在我的一个页面上的第一个......

也许我做错了什么，寻求帮助。

<div id="mem-tools">
  <div class="members">
      <a href="#">Link One</a>
      <a href="#">Link Two</a>  
  </div>
</div>

在我的CSS中，我有以下代码：

#mem-tools a{
    padding:15px 0 0 65px;
    font-weight:bold;
    color:#444444;
    font-size:14px;
    height:35px;
    display:block;
}

然而，我只希望第一个以这种方式设置样式，而不是.members类中的第二个

从我的理解，psuedo类不适用于IE，所以我不使用：第n个选择器。

我可以定义第一个，使用上面提到的样式吗？

我是否过于复杂？

Answer 1

：第一个孩子会工作，但如果你不想使用伪也可以创建一个类来设置元素的样式......可能是eaiser：

<div id="mem-tools">
  <div class="members">
    <a href="#" class="first-link">Link One</a>
    <a href="#">Link Two</a>
  </div>
</div>

然后你可以相应地设定课程的样式：

#mem-tools a.first-link{
  padding:15px 0 0 65px;
  font-weight:bold;
  color:#444444;
  font-size:14px;
  height:35px;
  display:block;
}

这样你可以避免伪。

Answer 2

#mem-tools a:first-child可能会做到这一点

Answer 3

.mem-tools +a {
/*
 try your Styles here
*/
}