有关一种‘旁门左道’的选择器的使用方法与表现

接触到这种选择器是前几天用SCSS做新样式的时候，当时刚听到这个感觉很惊奇 之前看过的文档从没说过这个（这就是悲剧的根源……）

Css代码  
.button {   
     &.highlight{   
           color: red;   
   }   
}  

.button {
     &.highlight{
           color: red;
   }
}

上面是SCSS的代码  编译之后形成的代码是这个样子

Css代码  
.button.highlight{ color: red;}  

.button.highlight{ color: red;}

这个东西到现在也不清楚官方是叫什么的  暂且根据它的效果起名‘同级选择器’ 这种选择器效果就是个AND 要求这个元素的类 同时包含 button 和 highlight 才会生效。

这样的方式配合SCSS的一些特性 写样式很舒服。但昨天测试IE6的兼容性。 悲剧上演了。 整个页面的样式乱七八糟，后仔细查看发现是样式串了。 大惊，到IE8上看 发现又没事了（FF chrome safari opera全正常）。这才想起去W3C看看官方文档。

查了整个网站 没有相关信息 但这样的用法除了IE6都表现正常。 哪位有知道这样的选择器的说法么？或是有实践经验的  这样总感觉不踏实阿。

让IE6去死吧！








我很想这么说……
有兼容问题的还是不推荐使用 或者用csshack

好像见过，在某本书上提到过这种用法
当时举的例子好像是这个来着
a.visited.hover
让链接点击前后滑过的样式不同。。

SCSS是什么？

xingqiliudehuanghun
SCSS是什么？

是一个CSS的框架。能用变量函数什么的

最终也没找到这个东西的说法 。 只好全部把样式拆开重写  唉……

奇怪么？这只是ie6众多bug中的一个。
http://www.w3.org/TR/CSS21/selector.html#class-html

ie6不支持
.button.highlight
这种选择器

呵呵　你想就来嘛～～