css6个选择器

CSS是网页设计中不可或缺的一部分，通过选择器来选择需要操作的HTML元素并进行样式的设置。以下是6个常用的CSS选择器：

/* 选择器1：元素选择器 */
p {
  color: #333;
  font-size: 16px;
}

/* 选择器2：ID选择器 */
#heading {
  font-size: 24px;
  font-weight: bold;
}

/* 选择器3：类选择器 */
.highlight {
  color: yellow;
}

/* 选择器4：后代选择器 */
ul li {
  font-size: 14px;
}

/* 选择器5：子选择器 */
ul > li {
  font-weight: bold;
}

/* 选择器6：属性选择器 */
a[href="https://www.example.com"] {
  text-decoration: none;
}

元素选择器是最基本的选择器，可以选择所有相同类型的HTML元素进行样式的设置。ID选择器通过HTML元素的ID属性来设置样式，因为ID属性值在同一HTML文档中唯一，所以适合用于只有一个元素需要设置样式的情况。类选择器通过HTML元素的class属性来设置样式，类似于ID选择器但适用于多个元素需要设置样式的情况。

后代选择器、子选择器和属性选择器都能用于选择特定的HTML元素。后代选择器可以选择指定元素的任意后代元素，子选择器只能选择指定元素的子元素，属性选择器可以选择具有指定属性的HTML元素。