CSS中的相邻兄弟选择器问题

html-css07

CSS中的相邻兄弟选择器问题,第1张

+号在css中，是相邻兄弟选择器的符号，不是什么hack

选择相邻兄弟

如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。

例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写：

h1 + p {margin-top:50px}

这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。

元素之间的关系：

父元素：直接包含子元素的元素

子元素：直接被父元素包含的元素

祖先元素：直接或间接包含后代的元素，父元素也是祖先元素

后代元素：直接或间接被祖先元素包含的元素，子元素也是后代元素

兄弟元素：拥有相同父元素的元素叫做兄弟元素

兄弟元素选择器

#p12=id为p12

:checked=checked被选中的

~ .flow =所有在#p12之后相同元素的 class为flow的元素

li.c1=li 下面 class为c1的元素

你连起来理解就行了。

不懂再问