与自己相同的风格意味着什么？

Question

我知道,这没有任何意义.看看这里,你会明白我的意思

http://jsfiddle.net/thirtydot/q6Hj8

它所在的部分

.yourDivClass + .yourDivClass {....

它似乎消除了最终Div的封闭式.这是达到这种效果的常用方法吗？

Answer 1

5.7节: W3C CSS规范的相邻兄弟选择器 :(格式清晰)

相邻的兄弟选择器具有以下语法:E1 + E2,其中E2是选择器的主题.选择器匹配if

1. E1和E2在文档树中共享相同的父级
2. E1紧接在E2之前,忽略非元素节点(例如文本节点和注释).

因此,以下规则指出当P元素紧跟在MATH元素后面时,它不应缩进:

math + p { text-indent: 0 }

它基本上意味着当第二个元素在同一个上下文中并且直接跟随代码中的第一个元素(之间没有任何其他元素)时,以下属性将被添加到第二个元素!

在你的jsfiddle示例中,这意味着'margin-left'将应用于整个/两个类/ es(因为两个选择器在您的示例中是相同的),只有当元素在您的代码中跟随它自己时才会这样做.尝试

<div class="Yourclass">
<div class="cloneofyourclass">
<div class="Yourclass"> 

并且不会margin-left应用您的示例中的其他内容.

请注意,Internet Explorer 6 不接受任何选择器!虽然IE7及更高版本可以做到!