在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多个选择器的元素存在警告:

当相邻选择器前面有一个使用:hover伪类的元素时,Safari(包括版本4)和Chrome(包括版本3)表现为"buggily".错误因版本而异,但规则要么根本不应用,要么应用不一致.