相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素,例如:
h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”
h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”
举一反三
- 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器,如: h1 + p {margin-top:50px;} 这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”
- 选择紧接在h1元素后面的p元素应该如何使用选择器()
- 相邻兄弟选择器可选择紧接在另一元素后的元素,且二者有相同父元素
- 下列关于组合选择器描述正确的是()。 A: 相邻兄弟选择器用于选择紧接在某元素之后的兄弟元素。该元素与其相邻兄弟元素之间以加号“+”分隔。 B: 相邻兄弟选择器的语法格式为:兄元素+弟元素{属性1:属性值1;属性2:属性值2;} C: 普通兄弟选择器用于选择拥有相同父元素的元素。元素之间使用波浪号“~”分隔。 D: 普通兄弟选择器的语法格式为:兄元素~弟元素{属性1:属性值1;属性2:属性值2;}
- CSS复合选择器中,“div p”这种写法表示什么? A: 选择所有 <div> 元素和所有 <p> 元素 B: 选择 <div> 元素内部的所有 <p> 元素。 C: 选择父元素为 <div> 元素的所有 <p> 元素 D: 选择紧接在 <div> 元素之后的所有 <p> 元素