30、CSS样式定义与值单位全解析

CSS样式定义与值单位全解析

1. CSS选择器与样式继承

1.1 选择器关系指定

在CSS中，我们可以通过特定的符号来指定元素之间的关系。
- 父子关系 ：使用右尖括号（>）分隔元素来指定父子关系。例如， div.div1 > table 这个选择器会匹配图中类名为 div1 的 div 元素的直接子元素 table 。
- 兄弟关系 ：使用加号（+）分隔元素来指定兄弟关系。例如， table + p 会匹配与 table 元素有兄弟关系的 p 元素。
- 混合使用 ：我们还可以混合使用这些层次选择器机制，以实现更精确的匹配。比如， div.div1 > table + p 只会匹配类名为 div1 的 div 元素的子元素中，与 table 元素为兄弟关系的 p 元素。

1.2 样式继承

样式继承是CSS中的一个重要概念。元素会继承其祖先元素的属性，不过这种继承规则仅适用于前景属性，背景属性（如背景颜色、图像等）不会自动被后代元素继承。
- 示例代码 ：