【教程】HTML+CSS零基础入门教程——选择器详解（二十六）

Web 前端开发

一个专业懂你的前端开发技术研究学习平台，每天为你分享【Web前端开发】相关的技术文章、案例、互联网资讯、编程书籍课程、前端开发工具等学习资源。坚持每天学习一点点，每天进步一点点。关注我们，一起学习、成长、进步。

除了使用标签选择同一个标签的CSS之外，还可以使用类选择器来选择。

类选择器前面有一个 。

（1）基本使用

为了将类选择器的样式与元素关联，您必须将类指定为适当的值。例如：

This heading is very important.
This paragraph is very important.

在样式表中定义：

.important {color:red;}

这样定义之后，带有class的h1、p标签的字体颜色将为红色。

（2）与元素选择器结合

类选择器可以与元素选择器结合使用。

例如，您可能只希望段落显示为红色文本：

p.important {color:red;}

此样式表示所有带有 class 和 p 标签的元素的字体均为红色。其他标签无效。

（3）CSS 多类选择器

一个标签可以定义多个类，并且该标签具有这些类的所有属性，例如：

This paragraph is a very 
important warning.
					

.important {font-weight:bold;}
.warning {color:red;}					

例子中为p标签定义了两个class，因此p标签的字体为粗体，字体颜色为红色。

练习

1. 样式表为。{color:blue;}，HTML代码为 这非常。

这非常。

， 意思是？ （）

A. 带class的h1标签的字体颜色为红色

B. 带有class的p标签的字体颜色为红色

C. 带有class的h1、p标签的字体颜色为红色

欢迎在评论区写下你的答案哦~

相关文章

（十七）