0

如果有一个简单的谷歌搜索这个问题，我现在道歉，但我不确定我要使用哪些关键字。我对 CSS 很满意，但我认为我还没有充分利用语言的全部力量，也没有完全消除代码冗余。

我遇到过这段代码（任何类似的片段很多次）：

<p class="comment smallertext center-align">

这指的是什么CSS？就评论而言，smallertext 和 center-align 都是间隔的。

提前感谢您的任何回复和指导！

4

4 回答 4

5

这意味着该元素具有以下所有类comment：smallertext和center-align。在 HTML 中，空格将多个类名分隔在一个属性中。

在 CSS 中，您可以单独或一起使用一个或多个.comment、.smallertext或来定位此元素。.center-align拥有三个单独的规则和一个包含所有三个类的元素，所有三个规则都将适用：

.comment {}
.smallertext {}
.center-align {}

如有必要，您还可以将它们组合在一起，以应用特定于具有所有三个类的元素的样式：

.comment.smallertext.center-align {}
于 2013-10-17T12:15:33.693 回答
1

示例中显示的代码链接到 3 个不同的 css 类选择器：

.comment {
}

.smallertext {
}

.center-align {
}

因此，与其制作大量不可重用的 css 选择器，不如将它们分成许多小的选择器，这些选择器提供的功能很可能会用于您网站的许多不同部分。在该示例中，您有一个用于注释，一个用于较小的文本，一个用于居中对齐文本。

于 2013-10-17T12:16:41.487 回答
0

这是一种为单个元素定义多个类的方法。在这种情况下，它将匹配 classescomment和。smallertextcenter-align

于 2013-10-17T12:15:42.123 回答
0

试试这个简短的解释......多个类可以更轻松地为元素添加特殊效果，而无需为该元素创建全新的样式。

于 2013-10-17T12:44:44.743 回答