基本选择器

Posted 2021-02-02 liufuyuan

一、css选择符：

　　　　概念：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者是指定名称的元素。

　　1.css选择符包括四大类：类型选择符、id选择符、class类型选择符、特殊选择符

　　　　（1）类型选择符：

　　　　　　语法：元素名称{属性：属性值；}

　　　　　　说明：类型选择符就是以文档语言对象类型作为选择符，即使用结构中元素名称作为选择符；

　　　　　　特点：能够选中页面中所有相同的标签并添加样式

　　　　　　应用：想统一某一个标签样式的时候

　　　　（2）id选择符

　　　　　　语法：#id名{属性：属性值}

　　　　　　说明：当我们使用id选择符时，应先为每个元素定义一个id属性，如<div id="top"></div>

　　　　　　特点：唯一性（在同一页面中，id名只能出现一次)

　　　　　　应用：划分网页的外围结构

　　　　（3）class选择符

　　　　　　语法：.class名{属性：属性值；}

　　　　　　说明：类选择符的语法格式是：“.”加上定义的class名称，也就是class类选择符；

　　　　　　　　　当我们使用类选择符时，应先为每个元素定义一个class属性，如<div class="top"></div>

　　　　　　特点：可以书写一类样式

　　　　（4）群组选择符

　　　　　　语法：选择符1，选择符2，选择符3{属性：属性值；}

　　　　　　说明：当多个选择符应用样式相同时，可以将选择符用英文逗号分隔的方式，合并为一组

　　　　（5）包含选择符

　　　　　　语法：选择符1 选择符2{属性：属性值；}

　　　　　　说明：选择符1和选择符2之间用空格隔开。含义就是所有选择符1中包含选择符2

　　　　（6）伪类选择符

　　　　　　a:link{属性：属性值；}未访问状态

　　　　　　a:visited{属性：属性值；}已访问状态

　　　　　　a:hover{属性：属性值；}鼠标滑过状态

　　　　　　a:active{属性：属性值；}鼠标按下状态

　　　　（7）通配符

　　　　　　语法：*{属性：属性值；} eg：*{margin：0；padding：0；}

　　　　　　说明：通配选择符的写法是“*”，其含义就是所有元素。

　　2.选择符权重

　　　　（1）css中，用四位数表示权重，权重表达方式如：0,0,0,0

　　　　　　类型选择符权重：0001；

　　　　　　类（class）选择符权重为：0010；

　　　　　　ID选择符的权重为：0100；

　　　　　　伪类选择符的权重为：0010；

　　　　　　包含选择符的权重为：包含选择符权重之和；

　　　　　　内联样式的权重为：1000；

‘　　　　　　通配符权重为：0000；

　　　　　　伪类选择符的权重为：0001；

　　　　　　子选择符的权重为：0000；

　　　　　　属性选择符的权重为：0010；

　　　　　　继承的样式权重为：0000；