1-2结构性伪类选择器1
:root 根元素背景颜色为skyblue
html 元素背景为lightgreen,但是会被:root覆盖,注释掉:root的样式即可看到
点击下面按钮,按下鼠标左键不抬起时请观察选择结果
ul li a:not([href*='text3'])
下面列表的a元素中href不含text3的元素
table tr td:empty
下面表格中td中不包含子元素的
下面是href的值和对应目标元素位置的跳转,可通过伪元素:target来设置目标元素的样式,此例中为背景变粉红色,同时清除其他target背景色。
示例文字1
href="#text1"
示例文字2
href="#text2"
示例文字3
href="#text3"
示例文字4
href="#text4"
示例文字5
href="#text5"
A
B
D
F
H
I
示例文字1
...
...
示例文字2
...
...
示例文字3
...
...
示例文字4
...
...
示例文字5
...
...