带空格的CSS html声明

带空格的CSS html声明,html,css,Html,Css,如果有一个简单的谷歌搜索这个问题,我现在道歉,但我不确定我要使用哪些关键字。我对CSS很在行,但我认为我还没有充分利用该语言的力量,也没有完全消除代码冗余 我曾多次遇到这段代码(任何类似的代码片段): 这指的是什么CSS? 就注释而言,smallertext和center对齐所有的注释都是间隔的 提前感谢您的回复和指导 这意味着元素具有以下所有类:comment、smallertext和center align。在HTML中,空格在单个属性中分隔多个类名 在CSS中,您可以使用一个或多个.c

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

我曾多次遇到这段代码(任何类似的代码片段):

这指的是什么CSS? 就注释而言,smallertext和center对齐所有的注释都是间隔的


提前感谢您的回复和指导

这意味着元素具有以下所有类:
comment
smallertext
center align
。在HTML中,空格在单个属性中分隔多个类名

在CSS中,您可以使用一个或多个
.comment
.smallertext
.center align
,单独或一起以该元素为目标。有三个单独的规则和一个包含所有三个类的元素,所有三个规则都将适用:

.comment {}
.smallertext {}
.center-align {}
如有必要,还可以将它们组合在一起,以将特定样式应用于具有所有三个类的图元:

.comment.smallertext.center-align {}

这意味着元素具有以下所有类:
comment
smallertext
center align
。在HTML中,空格在单个属性中分隔多个类名

在CSS中,您可以使用一个或多个
.comment
.smallertext
.center align
,单独或一起以该元素为目标。有三个单独的规则和一个包含所有三个类的元素,所有三个规则都将适用:

.comment {}
.smallertext {}
.center-align {}
如有必要,还可以将它们组合在一起,以将特定样式应用于具有所有三个类的图元:

.comment.smallertext.center-align {}

这是一种将多个类定义为单个元素的方法。在这种情况下,它将匹配类
comment
smallertext
center align

这是一种将多个类定义为单个元素的方法。在这种情况下,它将匹配类
comment
smallertext
center align

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

.comment {
}

.smallertext {
}

.center-align {
}

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

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

.comment {
}

.smallertext {
}

.center-align {
}

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

多个类可以更轻松地向元素添加特殊效果,而无需为该元素创建全新的样式。

多个类可以更轻松地向元素添加特殊效果,而无需为该元素创建全新的样式。

在这种情况下,假定它有一个整体注释类,一个使文本变小的类,另一个使文本居中对齐的类?这就避免了代码重复?@Luke:你可以这么说,是的。答案还有更多。谢谢,只要计时器允许,你就会得到绿色的滴答声!所以在这种情况下,假设它有一个完整的注释类,一个使文本变小的类,另一个使文本居中对齐的类?这就避免了代码重复?@Luke:你可以这么说,是的。答案还有更多。谢谢,只要计时器允许,你就会得到绿色的滴答声!这实际上与CSS无关:构造只是HTML。在这种情况下,如何在CSS中使用类选择器则是另一回事。这根本不是CSS的问题:构造只是HTML。在这种情况下,如何在CSS中使用类选择器则是另一回事。感谢阅读材料的链接!感谢您提供阅读材料的链接!