如何使用类选择器来选择HTML元素?

86次阅读
没有评论

类选择器用于选择具有相同类名的 HTML 元素,使用 CSS 样式将它们装饰或修改。类选择器以点号开头,后跟类名。

下面是一个使用类选择器的示例:

HTML 代码:

This is a paragraph.

This is another paragraph.

CSS 代码:
.my-paragraph {
font-size: 16px;
color: blue;
}
上述示例中,类选择器 “.my-paragraph” 选择了所有具有类名 “my-paragraph” 的

元素,并将它们的字体大小设置为 16px,颜色设置为蓝色。

注意,类名可以是任何有效的 CSS 标识符,可以包含字母、数字、连字符和下划线,但不能以数字开头。

另外,一个 HTML 元素可以有多个类名,以空格分隔。在 CSS 中,可以通过同时使用多个类选择器来选择这个元素,如下所示:

HTML 代码:

This is an important paragraph.

CSS 代码:
.my-paragraph {
font-size: 16px;
}

.important {
color: red;
}
上述示例中,元素既有类名为 “my-paragraph”,又有类名为 “important”。CSS 样式将同时应用于这个元素,字体大小为 16px,颜色为红色。

正文完
 
评论(没有评论)