class选择器

.开始的就是class选择器或者称为类选择器。

这是一种精确的匹配方法。它只匹配那些class属性的值被设置为该选择器的HTML元素。

示例:

.copyright {
    color: #fff;
    line-height: 24px;
    font-size: 13px;
}

由于一个元素的class属性可以设置多个值,多个值之间用空格隔开的, 在CSS里表示同时满足多个类的选择器,这多个选择器紧挨着即可,不能有空格,因为空格表示的是后代选择器。

示例:

.token.function {
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 18px;
	color: #DD4A68;
}

如果一个元素既设置了token类,也设置了function类,那么那个元素会被匹配到。