派生选择器:通过依据元素在其位置的上下文关系来定义样式
li strong{
color: blueviolet;
}
strong{
color: blue;
}
<p><strong>p 标签 hello Css</strong></p> //最终以strong样色为准
<ul>
<li><strong>li标签 hello Css</strong></li> //最终以li strong为准
</ul>
id 选择器
1.id 选择器 :
- id 选择器可以标有id 的HTML元素指定的样式
- id 选择器以 “#” 来定义
2.id 选择器和派生选择器
目前比较常用的是id 选择器常常用于建立派生选择器
常用的标签选择器成为派生选择器,与id 选择器配合使用可以决定单独一块的样式
一个带有id 的div 标签,只是针对内部的p标签进行设置
#divid p{
color: aqua;
}
类选择器
1.类选择器 :类选择器以一个点显示
2.class 也可以用作派生选择器
用法同id 选择器 与派生选择器一起使用
<div class="divclass">
hello Div <p>p标签</p>
</div>
.divclass p{
color: blueviolet;
}
属性选择器
1.属性选择器:
对带有指定属性的HTML元素设置样式
2.属性和值选择器