【JavaWeb基础 · CSS选择器】“这是我参与8月更文挑战的第12天，活动详情查看： 8月更文挑战” 我们常在CS

“这是我参与8月更文挑战的第12天，活动详情查看： 8月更文挑战”

我们常在CSS中使用选择器来选择HTMl元素用以添加样式。那CSS都有什么选择器呢？下面我们就来依次学习一下这些选择器，分别为：元素选择器、类选择器(class选择器)、Id选择器和组合选择器。

使用元素类型作为选择器，改变所有相同类型元素的样式。

p {
	list-style: -moz-afar;
}

类选择器：即以HTML元素的class属性值来作为选择器的名称。类选择器又叫class选择器。 class选择器选择具有特定类的元素。

当与元素类型一起使用时，将选择属于指定类的指定类型的所有元素。

选择器 *.class2 和 .class 是等效的。

.class2 {
  border: thin black solid;
  padding: 4px;
}

我们也可以缩小类选择器的范围，让特定类型的元素的class使用改样式。例如:

p.class2 {
  border: thin black solid;
  padding: 4px;
}

ID选择器通过 id 属性选择元素。(Id属性值必须在本页面是唯一的。)

元素的id属性的值在HTML中必须是唯一的文件。

ID选择器正在查找单个元素。

#myplan {
  border: thin black solid;
  padding: 4px;
}

分组选择器可以为多个选择器添加样式。

要分组选择器，请用逗号分隔每个选择器。假设我们有以下样式：

h1 {
    text-align: center;
    color: red;
}
h2 {
    text-align: center;
    color: red;
}
p {
    text-align: center;
    color: red;
}

当多种类型的元素需要使用同一样式时，我们就可以使用分组选择器来减少代码量，使程序更加简洁。在下面的示例中，我们将来自上面代码的选择器分组：

h1, h2, p {
    text-align: center;
    color: red;
}

以上就是CSS中的几类基本选择器，很简单却很重要，大家学习时结合HTML来练习效率会更高。以上内容如有不正之处，欢迎掘友们批评指正。