使用div p span选择器可将div内p标签中的span文本设为红色，如结构文本中span仍被选中，样式仅作用于符合条件的嵌套元素。
在HTML中，使用CSS后代组合选择器可以方便地控制嵌套元素的样式。比如你想让所有位于 div 元素内、并且被包含在 p 标签中的 span 元素文本变为红色，就可以用 div p span 这个选择器。
后代组合选择器的基本语法
后代选择器通过空格分隔多个选择器，表示“某元素内部的后代元素”。只要目标元素是前面元素的任意层级的后代（不一定是直接子元素），样式就会生效。 例如：- div p span 会选中所有被包裹在 div 中的 p 元素内的 span 元素
- 即使结构是 ，span 依然会被选中
文本
实际应用示例
假设你有如下HTML结构：配合以下CSS：这是一个段落，这段文字将变红。
div p span {
color: red;
}
结果就是 span 中的文字显示为红色。注意：这个规则不会影响其他位置的 span，比如不在 p 标签内或不在 div 内的 span。
注意事项
后代选择器对结构敏感，但不要求是直接子元素。如果你只想选中直接子元素，应该使用子选择器（即用 > 符号）。- 后代选择器：div span —— 所有 div 内部的 span 都会被选中
- 子选择器：div > span —— 只有 div 的直接子元素 span 才会生效
