CSS通过层叠（即覆盖）的方式来决定每个元素应该呈现怎样的样式。当多个样式规则（如选择器+属性值）应用到同一个元素时，就会发生层叠。按照层叠的优先级，最终会选择一个优先级最高的样式规则进行渲染。
CSS层叠样式表应用的主要场景包括：
/*选择器*/
p {
/*属性*/
color: red;
}
/*选择器+类*/
p.myclass {
/*属性*/
font-size: 18px;
}
/*选择器+ID*/
#mypara {
/*属性*/
background-color: yellow;
}
/*选择器+伪类*/
p:first-child {
/*属性*/
font-weight: bold;
}
/*基于上下文的选择器*/
div p {
/*属性*/
margin: 10px;
}在CSS中，选择器是用来定位目标元素并为其添加样式的一种模式。选择器可以基于元素名、类、ID、属性、伪类等因素进行匹配。通常，选择器会与具体的属性值配合使用，以设置目标元素的各种样式。
CSS的伪类是一种用于匹配某种特定状态的选择器。常见的伪类包括:first-child、:hover、:visited、:active等。伪类通常用于链接、表格、列表等特定元素的样式控制。
除了基础的选择器和属性外，CSS还支持多种不同的性能优化技术，如使用继承、合并规则、压缩文件等手段来提高CSS文件的加载速度和执行效率。