### CSS 类选择器
CSS 类选择器是通过给元素添加类名来定义样式的一种选择器。类名通常以字母和数字组成，例如：
– `background-color`: 设置背景颜色为 #f00。
– `font-size`: 设置字体大小为 16px。
– `line-height`: 设置行高为 1.5倍行宽。
使用 CSS 类选择器，大家可以按照一定的规则给元素添加样式，只需要在类名后面添加元素的实际标签名即可。例如：
“`css
/* 设置文本颜色为蓝色 */
.blue-text {
color: blue;
/* 设置背景颜色为白色 */
.white-background {
background-color: white;
在上面的例子中，大家使用了一个名为 `blue-text` 的类，用于设置文本颜色为蓝色，然后使用了一个名为 `white-background` 的类，用于设置背景颜色为白色。
使用 CSS 类选择器的好处在于，大家可以按照一定的规则给元素添加样式，而且不需要每次都重复设置相同的属性。但是，缺点在于，类选择器的灵活性相对较低，对于复杂的样式需求可能需要使用更多的类名来定义样式。
### CSS ID 选择器
CSS ID 选择器是通过给元素添加 ID 名来定义样式的一种选择器。ID 名通常以数字和字母组成，例如：
– `background-color`: 设置背景颜色为 #f00。
– `font-size`: 设置字体大小为 16px。
– `line-height`: 设置行高为 1.5倍行宽。
使用 CSS ID 选择器，大家可以给元素设置唯一的样式，只需要使用 ID 名后面的元素标签名即可。例如：
“`css
/* 设置文本颜色为蓝色 */
.blue-text {
color: blue;
/* 设置背景颜色为白色 */
.white-background {
background-color: white;
在上面的例子中，大家使用了一个名为 `blue-text` 的 ID，用于设置文本颜色为蓝色，然后使用了一个名为 `white-background` 的 ID，用于设置背景颜色为白色。
使用 CSS ID 选择器的好处在于，大家可以给元素设置唯一的样式，而且不需要每次都重复设置相同的属性。但是，缺点在于，选择器的唯一性可能会导致某些情况下的样式冲突，例如当多个元素都使用同一个 ID 名时。
以上就是 CSS 类和 ID 选择器的介绍。类选择器灵活性更高，适合处理较为简单的样式需求；而 ID 选择器唯一性较高，适合处理较为特殊的样式需求。在实际开发中，需要根据具体情况选择使用哪种选择器。