以.
开始的就是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
类,那么那个元素会被匹配到。