[分享]css中常见的选择符类型

在CSS中，有许多种常见的选择符类型，通过这些选择符我们可以选择需要样式化的元素，从而丰富页面的外观。下面介绍几种常见的选择符类型：1. 元素选择符 元素选择符是指通过HTML标签元素名称来选择需要样...

在CSS中，有许多种常见的选择符类型，通过这些选择符我们可以选择需要样式化的元素，从而丰富页面的外观。下面介绍几种常见的选择符类型：

1. 元素选择符 

元素选择符是指通过HTML标签元素名称来选择需要样式化的元素，例如：

p {
    color: red;
} 

这段代码会将所有p标签中的文字设置为红色。

2. 类选择符 

类选择符是指以"."开头,并紧接着类名来选择需要样式化的元素，例如：

.list {
    margin: 10px;
} 

这段代码会将所有class为list的元素设置上下左右margin都为10px。

3. ID选择符 

ID选择符是指以"#"开头，并紧接着ID名来选择需要样式化的元素，例如：

#content {
    width: 100%;
} 

这段代码会将ID为content的元素宽度设置为100%。

4. 属性选择符 

属性选择符是指通过HTML元素属性来选择需要样式化的元素，例如：

input[type="text"] {
    border: 1px solid gray;
} 

这段代码会将所有type为text的input元素的边框设置为1px实线灰色。

5. 子元素选择符 

子元素选择符是指通过子元素关系来选择需要样式化的元素，例如：

ul > li {
    margin: 10px;
} 

这段代码会将所有ul下的直接子元素li设置上下左右margin都为10px。

除了以上常见的选择符类型，还有众多其他选择符类型，大家可以在实际开发中了解并使用。