一、id选择器
1.定义
通过#符号和元素的id属性值结合而成的选择器
<div id="div1"> </div>
#div1{background-color:red;}
2.案例
3.显示
二、class选择器
1.定义
通过,符号和元素的class属性结合而成的选择器
<div class="div1"></div>
.div1{background-color:red}
2.1案例
2.1显示
2.2案例
允许多个元素,同时存在相同的属性值或给不同类型的元素添加。
2.2显示
三、标签选择器
1.定义
直接写出标签名的选择器,(元素选择器)
<div></div>
div{background-color:red;}
2.案例
3.显示
四、通用选择器
1.定义
用*符号表示的选择器(表示为页面中所有的元素添加样式)
*{background-color:red}
2.案例
2.显示
所有标签,包括body、html等