CSS的选择器是什么？如何使用？

CSS选择器是用于选择HTML（或XML）文档中需要样式化的元素的一种机制。CSS选择器可以根据元素的标签名、类名、ID、属性等进行选择。

以下是一些常见的CSS选择器：

1. 标签选择器（tag selector）：用于选择指定标签名的元素。

   p {
     color: red;
   }
   

2. 类选择器（class selector）：用于选择具有指定类名的元素。

   .highlight {
     background-color: yellow;
   }
   

3. ID选择器（id selector）：用于选择具有指定ID的元素。

   #header {
     font-size: 24px;
   }
   

4. 属性选择器（attribute selector）：用于选择具有指定属性的元素。

   input[type="text"] {
     border: 1px solid black;
   }
   

5. 后代选择器（descendant selector）：用于选择指定元素的后代元素。

   ul li {
     list-style: none;
   }
   

6. 子元素选择器（child selector）：用于选择指定元素的直接子元素。

   ul > li {
     display: inline-block;
   }
   

7. 伪类选择器（pseudo-class selector）：用于选择指定状态的元素，如:hover、:active等。

   a:hover {
     color: blue;
   }
   

使用CSS选择器的方法很简单，只需要在CSS样式表中编写相应的选择器即可。例如，可以使用标签选择器来设置所有段落的字体颜色：

p {
  color: red;
}

也可以使用类选择器来设置所有具有.highlight类的元素的背景颜色：

.highlight {
  background-color: yellow;
}

在HTML文档中，只需要为需要样式化的元素添加对应的类名、ID、属性等，就可以通过CSS选择器来为它们设置样式了。