乐闻世界logo
搜索文章和话题

How do you select an element with a specific class in CSS?

4 个月前提问
4 个月前修改
浏览次数17

1个答案

1

在CSS中,要选择具有特定类的元素,您可以使用类选择器。类选择器以点(.)开头,后跟类的名称。这样,CSS就能应用样式到所有带有该类的HTML元素上。

例如,假设您有一个类名为button的HTML元素,您想要为这些元素设置特定的样式。CSS代码会是这样的:

css
.button { background-color: blue; color: white; padding: 10px 20px; text-align: center; }

在这个例子中,任何具有class="button"的HTML元素都会被应用背景颜色为蓝色,文字颜色为白色,并且有指定内填充和文本居中对齐的样式。

如果您有多个类,也可以组合选择器来指定更具体的样式。例如:

css
.button.large { padding: 15px 30px; }

此代码只会应用于同时具有buttonlarge这两个类的元素,使其内填充更大。

类选择器是CSS中非常强大和常用的工具,它提供了高度的灵活性和控制能力,使您能够轻松地为页面的不同部分定义独特的样式。

2024年7月26日 13:40 回复

你的答案