在CSS中链接相邻的兄弟运算符

Question

以下是

.a + .b + .c

类c元素的有效选择器，它分别直接跟在类a和b的两个元素之后？它似乎在Chrome 16中有效。从标准中可以看出它应该有效吗？

Answer 1

据我所知，对我来说工作正常并且是标准的。 （从未见过任何相反的事情）

示例：http://jsfiddle.net/6ykxB/

如果只是使用最后一个相邻的选择器，这仍然有用

.z + .b + .c

但它没有

示例2：http://jsfiddle.net/6ykxB/1/

SitePoint上的参考文献提到了多个相邻的兄弟选择器，进一步确认它们是标准的：

http://reference.sitepoint.com/css/adjacentsiblingselector

但是，对:hover和多个选择器的元素发出警告：

  

Safari（包括版本4）和Chrome（包括   版本3）当相邻选择器前面时表现“buggily”   使用：hover伪类的元素。这个bug介于两者之间   版本，但规则要么根本不应用，要么应用   不一致。