css的组合键

CSS中的组合键，在前端开发中也称为CSS选择器，是一种一次性选中多个元素进行样式设定的方法。它可以根据元素的标签、类名、ID等属性，将样式指定给多个元素。

/* 标签选择器 */
p {
  color: red;
}
/* 类选择器 */
.header {
  font-size: 24px;
}
/* ID选择器 */
#nav {
  background-color: #333;
}
/* 后代选择器 */
nav ul {
  list-style: none;
}
/* 子元素选择器 */
nav > ul {
  padding: 0;
}
/* 兄弟选择器 */
.main + .sidebar {
  display: none;
}
 

除了以上五种组合键，CSS还支持很多其他选择器，如属性选择器、伪类选择器等。在实际开发中，组合键配合其他选择器使用可以实现更灵活多变的样式设计。

值得注意的是，选择器的层级越深，对页面性能的影响越大。因此在编写CSS时，应尽可能使用少的选择器来限制样式的作用范围。