我试图弄清楚如何在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;
}
答案 0 :(得分:3)
因为.regLink + .regLink
只选择第二个 a
标记,
所以将margin-right
更改为margin-left
.regLink + .regLink {
margin-left: 50px;
}
jsFiddle http://jsfiddle.net/rtohocqL/2/
关于 CSS + ,您可以阅读此帖http://www.w3.org/....
答案 1 :(得分:1)
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;
}
a:first-of-type{margin-right:50px;}
&#13;
<a href="#" class="regLink">Register</a>
<a href="#" class="regLink">Login</a>
&#13;