[分享]css六种选择器型号

CSS选择器是一种非常重要的工具，它可以让我们更好地控制和修改HTML文档的样式。下面就让我们来了解一下CSS的六种选择器型号。1. 元素选择器p { color: red; } 元素选择器是在样式表...

CSS选择器是一种非常重要的工具，它可以让我们更好地控制和修改HTML文档的样式。下面就让我们来了解一下CSS的六种选择器型号。

1. 元素选择器

p {
  color: red;
} 

元素选择器是在样式表中指定某一元素的样式，这里以p元素为例。它可以控制某种类型的元素的样式。

2. ID选择器

#header {
  background-color: blue;
} 

ID选择器是通过id属性来选择元素的样式，它只能选择一个ID的元素。这里以header元素为例，将背景颜色设为蓝色。

3. 类选择器

.comment {
  font-size: 14px;
  color: green;
} 

类选择器是通过class属性来选择元素的样式，它可以同时选择多个class的元素。这里以.comment类为例，将字体大小设为14px，颜色为绿色。

4. 属性选择器

a[target="_blank"] {
  color: red;
} 

属性选择器是通过元素的某个属性来选择元素的样式。这里以a元素的target属性为例，将其颜色设为红色。

5. 后代选择器

.container p {
  color: blue;
} 

后代选择器是指选择其后代的元素的样式。这里以.container元素下的p元素为例，将其颜色设为蓝色。

6. 子选择器

.container > p {
  color: red;
} 

子选择器是指只选择直接子元素的样式。这里以.container元素的直接子元素p为例，将其颜色设为红色。