.class + .class不工作

Question

我试图弄清楚如何在CSS中使用.class + .class特性，但我不知道如何使它工作。我试图把它放到.regLink类相邻的时候，它在它们之间增加了50 of的距离。我做错了什么？

这是我的JSFiddle：http://jsfiddle.net/rtohocqL/

<a href="#" class="regLink">Register</a> 
<a href="#" class="regLink">Login</a>

CSS

.regLink + .regLink {
    margin-right: 50px;
}

Answer 1

因为.regLink + .regLink只选择第二个 a标记，

所以将margin-right更改为margin-left

   .regLink + .regLink {
        margin-left: 50px;
    }

jsFiddle http://jsfiddle.net/rtohocqL/2/

关于CSS +，您可以阅读这篇文章http://www.w3.org/....

Answer 2

more specifically.

作为你的问题，至少有两种方法可以实现它。原因是B+E不起作用的原因是B +E--任何作为B元素的下一个兄弟级的E元素(即:同一个父元素的下一个子元素)。

 1. .regLink{
        margin-right:50px;
    }
 2. a:first-of-type{
        margin-right:50px;
    }

​

a:first-of-type{margin-right:50px;}

<a href="#" class="regLink">Register</a> 
<a href="#" class="regLink">Login</a>

​