导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

CSS .class 选择器


实例

选择所有 class="intro" 的元素并设置样式

.intro {
  background-color: yellow;
}
亲自试一试 »

更多“自己尝试”的例子见下文。


定义和用法

.class 选择器选择具有特定 class 属性的元素。

要选择具有特定 class 的元素,请写一个句点 (.) 字符,后跟 class 的名称。

您还可以指定只有特定的 HTML 元素应该受某个 class 的影响。为此,请以元素名称开头,然后写一个句点 (.) 字符,后跟 class 的名称(请看下面的实例 1)。

HTML 元素也可以引用多个 class(请看下面的实例 2)。 

版本 CSS1

浏览器支持

选择器
.class

CSS 语法

.class {
  CSS 声明;

更多实例

实例 1

为所有 class="hometown" 的<p> 元素设置样式

p.hometown {
  background-color: yellow;
}
亲自试一试 »

实例 2

此<p> 元素将根据 class="center" 和 class="large" 进行样式设置

<p class="center large">此段落引用了两个类。</p>
亲自试一试 »

Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。