css三种选择方式 |border阴影 css样式

css ios 滚动，css点击动画放大，css图片左右旋转，div css透明的设置，外部css文件不起作用，find满足多个条件提取css，border阴影 css样式 css三种选择方式 |border阴影 css样式

1. 元素选择器

p {
color: blue;
}

元素选择器是最基本的一种选择器，它可以直接选择HTML中的元素，这里以p标签为例。将上述代码添加到CSS文件中，即可将HTML页面中所有p标签的字体颜色设置为蓝色。

2. ID选择器

预先在HTML页面中定义一个ID，然后通过CSS中的ID选择器对其进行样式设置。代码如下所示：

#main-title {
font-size: 30px;
color: red;
}

可以看到，这里大家使用了#符号来表示ID选择器。而HTML页面中定义ID的代码则是：

<h1 id="main-title">Welcome to my website!</h1>

这样，就可以将页面中ID为main-title的h1标签样式设置为30px的字号和红色字体颜色。

3. 类选择器

类选择器以”.”作为标识符，用于选择HTML页面中拥有相同类名的元素。代码示例如下：

.highlighted {
background-color: yellow;
}

该代码将匹配具有highlighted类的所有HTML元素，并为其添加黄色背景色。

通过以上介绍，相信大家已经对CSS选择器的三种方式有了更深入的了解，善于灵活应用各种CSS选择器可以让你的网页呈现出更加丰富的视觉效果。