CSS选择器 -

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

#mem-tools a:first-child可能做的伎俩

Answer 2

的：第一，孩子的工作，但如果你不希望使用假点也可以创建一个类的风格元素...可能是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 3

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