css中的关系选择器

⚠️后代选择器和子代选择器比较常用，还有两个选择器需要记住

/* 后代选择器——典型用单个空格（" "）字符——组合两个选择器 */
body article p
/* 子代关系选择器是个大于号（>），只会在选择器选中直接子元素的时候匹配 */
article > p
/* 邻接兄弟选择器（+）用来选中恰好处于另一个在继承关系上同级的元素旁边的物件，只能是邻接 */
p + img
/* 通用兄弟选择器（~）用来选中，一个元素后的兄弟元素，即使它们不直接相邻，在前面选不到 */
p ~ img