Question

我有一个标记为这样的滑块：

<div class="slider wide">
//slider html in here
</div>

另一个标记如下：

<div class="slider narrow">
//slider html in here
</div>

是否可以通过连接类名来引用我的CSS文件中的每一个：

.slider.wide { //css specific to the wide slider goes here }
.slider.narrow { //css specific to the wide slider goes here }

Answer 1

不，您创建了三个类.slider，其中放置了常用滑块css，.narrow放置了滑块特定的css，.wide放置了宽滑块特定的css。

.slider { //css common among all sliders goes here }
.wide { //css specific to the wide slider goes here }
.narrow { //css specific to the narrow slider goes here }

Answer 2

是的，.slider.narrow有效。它并没有完全连接类名，它正在制作两个不同的类选择器并将它们应用于同一个元素。因此.narrow.slider也是有效的，并且会匹配相同的元素。

对单个元素使用多个类选择器的问题是在IE6中不起作用。此浏览器将忽略除最后一个类选择器之外的所有选因此，为了支持该浏览器，您通常会使用class="slider wide-slider"。

之类的内容

这个CSS引用是否正确且支持语法：.slider.wide {}

2 个答案: