[分享]css内嵌样式表中三中选择器

在CSS内嵌样式表中，有三种不同的选择器：元素选择器、类选择器和ID选择器。1. 元素选择器元素选择器是最基本的选择器，它通过HTML元素名称选择元素，并为其应用样式。例如，以下代码将为所有段落元素设...

在CSS内嵌样式表中，有三种不同的选择器：元素选择器、类选择器和ID选择器。

1. 元素选择器

元素选择器是最基本的选择器，它通过HTML元素名称选择元素，并为其应用样式。例如，以下代码将为所有段落元素设置颜色为红色：

p {
  color: red;
}

2. 类选择器

类选择器允许您为一组元素应用相同的样式，即使这些元素有不同的标记名称。类选择器以一个点号"."开头，后面跟随您指定的类名称。例如，以下代码使用类选择器设置所有拥有"highlight"类的元素的背景色为黄色：

.highlight {
  background-color: yellow;
}

3. ID选择器

ID选择器允许您为唯一的元素指定样式。这个元素将由id属性指定，并以一个井号"#"开头后跟指定的ID名称。例如，以下代码将为拥有"header" ID的元素设置红色文本颜色：

#header {
  color: red;
}

记住，元素选择器、类选择器和ID选择器可以一起使用来指定多个条件。例如，以下代码同时使用了类选择器和ID选择器，它将为拥有"highlight"类并且具有"sidebar" ID的元素设置背景颜色：

.highlight#sidebar {
  background-color: yellow;
}