CSS基础选择器以及使用场景

2017-09-21

CSS基础选择器简单分为四类:

一是通配选择器,即 *{样式设置;}。就是作用于所有的标签,无论你写没写,有没有出现在文档中。

二是标签名选择器,即 标签名{样式设置;}。就是作用于一类标签,方式是通过标签名。它的使用场景就是重置某类标签的默认样式。

三是群组选择器,即 选择器1,选择器2,选择器3,…{样式设置;}。常用于优化代码,减少文档体积。

四是类选择器,即 .类名称(样式设置;}。用于各种场景,是我们最常用的一种选择器,class名可以有多个,class名之间用空格隔开,主要用于具有相同样式的元素。还有额外扩充class名的取名规范,一是不要以数字开头,尽量取得有意义,二是多个单词尽量使用下划线连接。

五是后代选择器,即 选择器1 选择器2 选择器3 …{样式设置;}。样式作用于最后一个选择器,前面的知识过滤作用,帮助我们定位。