CSS的选择器类型
程序员文章站
2022-06-11 11:20:23
...
<style>
/*1.标签选择器:
根据标签名选择该标签的所有的元素*/
p {
color: red;
}
/*2.类选择器:
根据class选择元素,选中class相同的一组元素。*/
.pig {
color: pink;
}
/*3.ID选择器:根据ID选择唯一的元素。*/
#p9 {
color: red;
}
/*4.选择器组:一组选择器,选中他们
所对应的目标的并集(合计)。*/
.pig, #p9 {
font-family:
"微软雅黑","文泉驿正黑","黑体";
}
/*5.派生选择器
通过元素的上下文关系来做选择*/
#p9>b {/*选择父元素的儿子*/
font-size: 30px;
}
#p9 b {/*选择父元素的子孙*/
color: red;
}
/*6.伪类选择器
CSS预设了许多类作为选择器,有很多,建议需要用的时候查文档*/
a:link {/*选择未访问过的超链接*/
color: red;
}
a:visited {/*选择已访问过的超链接*/
color: green;
}
p:last-child{/*选择所有p元素的最后一个子元素*/
color: red;
}
</style>
上一篇: 1003 Emergency(25 分)
下一篇: SSO之CAS单点登录实例(非常详细)