css 的标签是可嵌套的,所以经常会有选择标签下的子标签和同级的兄弟标签的情况。
根据具体的需求来选择标签。
表达嵌套关系的选择器:
- 后代选择器:
div p { },会将在div里的所有p元素都进行样式修改 - 子元素选择器
div > p { },只会选择直接的子元素,例如这个<p>如果被<span>包围的时候就不会产生效果。
这两种选择器的差别:就是看是否要选择所有子元素
表达兄弟关系的选择器
- 相邻兄弟选择器
div+p { },相邻,就是代表者在旁边的一个,而且不是相邻的左右两个只是下一个,相当于单向链表。 - 后序兄弟选择器
div~p { },遍历用级别的所有水平p元素
这两种选择器的差别:是否选择所有的兄弟元素
网友评论