Question

CSS类名选择器，能不能通过类名的一部分来选择？

有如下HTML：
<span class ="re_Work">work1</span>
<span class ="re_Work">work2</span>
<span class ="re_Arbeit">arbeit1</span>
<span class ="re_Arbeit">arbeit2</span>
...
每个span都有一个以re_开头的类名。有没有办法，可以在CSS中定义所有以re_开头的类的样式？
比如：
.re_* { background-color: blue; } //这个肯定不对

Answer 1

有办法的，可以使用属性选择器的部分匹配功能来帆派烂实现：

[class^="re_"] {
  羡御background-color: blue;
}

[abc^="def"]    
选择 abc 属性值以 "def" 开头的所有元素    

[abc$="def"]    
选择 abc 属性值以 "def" 结尾的所有元素    

[abc*="def"]    
选择 abc 属性值中包含子串 "def" 的所有元素    

详态漏细的解释可以参见这里：http://www.w3school.com.cn/cssref/selector_attr_begin.asp

不过遗憾的是，IE6可能不支持这个特性。

Answer 2

有办法的，可以使用属性选择器的部分匹配功能来实现：
[class^="re_"] {
background-color: blue;
}

[abc^="def"]
选择 abc 属性值以燃伏 "def" 开头的所有元基稿素

[abc$="def"]
选择 abc 属性值以 "def" 结尾的所有元素

[abc*="def"]
选择 abc 属性值中包含搏段孝子串 "def" 的所有元素

详细的解释可以参见这里：http://www.w3school.com.cn/cssref/selector_attr_begin.asp
不过遗憾的是，IE6可能不支持这个特性。