[分享]css两种选择符类型

CSS（层叠样式表）中的选择符是控制页面样式的关键。CSS中有两种基本的选择符类型，分别是“元素选择器”和“类选择器”。 元素选择器是通过HTML元素的名称来定义样式的。例如，如果要为所有的段落元...

CSS（层叠样式表）中的选择符是控制页面样式的关键。CSS中有两种基本的选择符类型，分别是“元素选择器”和“类选择器”。

元素选择器是通过HTML元素的名称来定义样式的。例如，如果要为所有的段落元素定义样式，可以使用以下代码：

p{
  color: blue;
  font-size: 14px;
} 

在这个例子中，“p”是指“段落”，这个选择器会匹配文档中的所有段落，并将它们的字体颜色设置为蓝色，字体大小设置为14px。

类选择器是通过指定HTML元素的类来定义样式的。类选择器以点（.）作为前缀，并指定一个类名。例如，如果想要定义一个类名为“highlight”的样式，可以使用以下代码：

.highlight{
  background-color: yellow;
  font-weight: bold;
} 

在这个例子中，“.highlight”是一个类选择器，用于匹配页面中所有使用这个类的元素。样式包括将文本变粗并且设置背景色为黄色。

总之，了解不同类型的选择器非常重要，它们是CSS中控制页面样式的关键。通过元素选择器和类选择器，可以为不同类型的HTML元素定义不同的样式和效果。