复合选择器
1.1 后代选择器:空格
(1)、作用:根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素;
(2)、选择器语法:选择器1 选择器2{css}
(3)、结果:在选择器1所找到标签后代(儿子、孙子、重孙子...)中,找到满足选择器2的标签,设置样式;
(4)、注意点:
①、后代包括:儿子、孙子、重孙子......
②、后代选择中,选择器与选择器之前通过空格隔开
eg:
1.2 子代选择器:>
(1)、作用:根据HTML标签的嵌套关系,选择父元素子代中满足条件的元素;
(2)、选择器语法:选择器1>选择器2{css}
(3)、结果:在选择器1所找到标签的子代(儿子)中,找到满足选择器2的标签,设置样式
(4)、注意点:
①、子代只包括:儿子;
②、子代选择器中,选择器与选择器之间通过>隔开


浙公网安备 33010602011771号