.class + .class不起作用

Question

我试图弄清楚如何在CSS中使用.class + .class功能，我无法弄清楚如何使其工作。我试图在.regLink类彼此相邻的时候得到它，它们之间增加了50px的余量。我做错了什么？

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

HTML

<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

This link can help you understand css selectors more specifically.

作为您的问题，至少有两种方法可以实现它。原因是为什么B + E不起作用的是 B + E任何E元素，它是B元素的下一个兄弟（即：同一父母的下一个孩子。） < / p>

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;