复合选择器

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)、注意点:

①、子代只包括:儿子;
②、子代选择器中,选择器与选择器之间通过>隔开

 

 

 

posted @ 2021-11-11 23:55  小石糖记  阅读(44)  评论(0)    收藏  举报