CSS 选择器

CSS 选择器

CSS 类选择器

类选择器选择有特定 class 属性的 HTML 元素。

如需选择拥有特定 class 的元素,请写一个句点(.)字符,后面跟类名。

实例

在此例中,所有带有 class="center" 的 HTML 元素将为红色且居中对齐:

.center {

text-align: center;

color: red;

}

亲自试一试

您还可以指定只有特定的 HTML 元素会受类的影响。

实例

在这个例子中,只有具有 class="center" 的

元素会居中对齐:

p.center {

text-align: center;

color: red;

}

亲自试一试

HTML 元素也可以引用多个类。

实例

在这个例子中,

元素将根据 class="center" 和 class="large" 进行样式设置:

这个段落引用两个类。

亲自试一试

注意:类名不能以数字开头!

相关推荐

流星与星团天象
office365无法打开word

流星与星团天象

📅 12-21 👁️ 557
瑞士足球世界杯历史战绩及排名分析
365bet亚洲版官

瑞士足球世界杯历史战绩及排名分析

📅 06-29 👁️ 9716
APP STORE又崩了?可以通过DNS解决!
365bet亚洲版官

APP STORE又崩了?可以通过DNS解决!

📅 10-19 👁️ 9767