<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>/*为div的子元素span设置一个字体颜色*//*子元素选择器：作用：选中指定父元素的指定子元素语法：父元素>子元素{}*//*div>span{color: red;}*//*后代元素选择器：作用：选中指定元素内的指定后代元素语法：祖先 后代{}*//*div span{color: blueviolet;}*//*选择下一个兄弟(紧挨着)：语法：前一个 + 下一个选择下面所有的兄弟：语法：前一个 ~ 下一个*/p + span{color: lawngreen;}</style></head><body><!--父元素：直接包含子元素的元素叫做父元素子元素：直接被父元素包含的元素是子元素祖先元素：直接或间接包含后代元素的元素叫做祖先元素一个元素的父元素也是它的祖先元素后代元素：直接或间接被祖先包含的元素叫做后代元素兄弟元素：拥有相同父元素的元素是兄弟元素--><div>我是一个div<p>我是div中的p元素<br /><span>我是p元素中是span</span></p><span>我是div中的span元素</span></div></body></html>
如果觉得《CSS之关系选择器（子元素 后代 兄弟选择器）》对你有帮助，请点赞、收藏，并留下你的观点哦！
