9.4、CSS选择器
9.4.1、标签名选择器
标签名选择器的格式:标签名{属性:值;}
标签名选择器,可以决定哪些标签被动的使用这个样式
9.4.2、id选择器
id选择器的格式:#id 属性值{属性:值;}
id选择器可以让我们通过id属性选择性地使用这个属性
分别定义两个div标签,第一个div标签定义id属性的值为id001 ,然后根据id属性值定义css样式修改字体颜色为蓝色,字体大小30个像素,边框为1像素黄色实线
《div id=“id001》div标签1《/div》
CSS文件
#id001{
color:blue;
font-size:30ps;
border:1px yellow solid;
}
9.4.3、class选择器(类选择器)
class选择器的格式是:.class属性值{属性:值;}
class选择器,可以通过class属性有效的选择性的使用这个css样式
修改class属性值为class01的span或div标签,字体颜色为蓝色,字体大小为30像素,边框为1像素黄色实线
.class01{
color:grey;
font-dize:26px;
border:1px solid red;
}
9.4.4组合选择器
组合选择器的格式: 选择器1,选择器2,选择器n{属性:值}
组合选择器可以让多个选择器共用同一个css代码
.class01,#id01{
color:blue;
dont-size:30px;
border:1px yellow solid;
}