1.css选择器
a: a标签中内容为空的采用此样式:
a:empty {border:1px solid red;}
b: a标签中除了选择器为#one都采用此样式:
a:not(#one){color: red;}
c: 此页面中根元素采用此样式:
:not{border:1px solid blue;}
2.锚点:
:target {font-size: 50px; color:cyan;}
结构性伪类选择器:
(1)a标签中第一个儿子b采用此样式
a b:first-child {color:cyan;}
(2)a标签中最后一个儿子 b 采用此样式:
a b:last-child{color: pink;}
(3)a标签唯一的一个儿子b 采用此样式:
a b:only-child{border:1px solid red;}
(4)a标签的第三个儿子b 采用此样式:
a b:nth-child(3){color:blue;}
(5)a标签的奇数儿子b 采用此样式:
a b:nth-child(odd){border:1px solid blue;}
(6)a标签的偶数儿子b 采用此样式:
a b:nth-child(even){font-size:10px;}
css选择器(01)和锚点
最新推荐文章于 2022-09-16 22:06:40 发布