22、CSS 选择器、继承与样式应用实战

CSS 选择器、继承与样式应用实战

在网页设计中，CSS（层叠样式表）起着至关重要的作用，它能让网页呈现出丰富多样的视觉效果。下面我们将深入探讨 CSS 选择器、样式继承以及如何灵活运用 CSS 来优化网页样式。

1. 可视化选择器

CSS 选择器用于选择 HTML 元素，以便为其应用样式。以下是几种常见选择器的示例及效果：
- “h1”选择器 ：

h1 { 
    font-family: sans-serif; 
}

该选择器会匹配页面中的所有 <h1> 元素，在本示例中，页面仅有一个 <h1> 元素，因此只会对其应用样式。
- “h1, h2”选择器 ：

h1, h2 { 
    font-family: sans-serif; 
}

此选择器会同时匹配 <h1> 和 <h2> 元素，为它们应用相同的字体样式。
- “p”选择器 ：

p { 
    font-family: sans-serif;
}

该选择器会匹配树结构中的所有