css三种选择器如何选择 |css转大小写

去掉阴影css，零依赖库css，css 四边圆角，css 下划线跟随，如何使用css进行网页布局，css逐帧动画简单教程，css转大小写 css三种选择器如何选择 |css转大小写

1.元素选择器
2.类选择器
3.ID选择器

下面大家来分别介绍一下这三种选择器如何选择HTML元素。

1.元素选择器

元素选择器是CSS中最基本的选择器，它通过HTML元素的名称来选择需要进行样式设置的元素。例如：

p {
color: red;
}

这个选择器将会把所有的段落元素文字的颜色设置为红色。

2.类选择器

类选择器使用HTML元素的class属性来进行选择，它的格式为".classname"。例如：

.red {
color: red;
}

在HTML中，大家可以给元素赋予一个或多个类名，用空格分隔。例如：

<p class="red">这是一段红色文字</p>

这个选择器将会把所有的属性值中带有”red”的元素文字颜色设置为红色。

3.ID选择器

ID选择器使用HTML元素的ID属性进行选择，它的格式为"#idname"。例如：

#main {
background-color: gray;
}

在HTML中，ID必须唯一。例如：

<div id="main">这是一段文本</div>

这个选择器将会把拥有“main”的元素背景颜色设置为灰色。