CSS学习之多类选择器

大学的时候学过Html+Css，自认为掌握了基础，可是在实际应用中方才发现自己只是懂皮毛，看得多了，困惑也就越多，就像本期要说的多类选择器，以前没用过这个方法，查询之后才明白。

CSS的多类选择器主要表现为两种形式：一个类名含多个定义的类、多个类名共用一个一个定义。

一个类名含多个定义的类(多类选择器 )

比如我们定义两个类

引用的时候为

引用的两个类之间用空格隔开，而且这两个类不能为继承关系。

这样就实现了这个div块的样式同时被.red和.left定义。这里要注意的是：如果它们两个类中的属性有冲突的话，后设置的(例中为.left)起作用，即在CSS文件中放在后面的类的属性起作用。

如果一个多类选择器包含类名列表中没有的一个类名，那么就不会匹配不存在的这个类。比如：

我们没有定义.font的样式，这里就不会匹配font的样式，只匹配class属性中包含red和left的属性。

多个类名共用一个一个定义(群组选择器)

比如我们多个类共同用一种样式

当几个元素样式属性一样时，可以共同调用一个样式声明，元素之间用逗号分隔，这就是CSS选择器中的群组选择器。

这里应该很常见了，我们在平时的设计中常用的还有：

举个例子加深下印象：

.b1.b2 表示如果一个标签中同时使用了这两个类(不论顺序、不论是否还有其他类)，则响应此样式规则。然而在 ie 中，第二个段落中除了有斜体还有下划线，说明它还把 .b1.b2 看作是 .b2。

本站所有资源均在Resource资源站有分享，你可以点击 >>> Resource 进入资源站自助提取。