了解.body和body之间的区别



我不确定我是否正确理解了它。当这样的CSS造型时:

body {
}

我指的是属于HTML的元素。当我写这样的东西时:

.body {
}

我指的是我给出的班级名称。这是正确的吗?

您可能想查看MDN中CSS选择器上的文章,这也是您列出的类型的选择器上的一篇非常健康的介绍性文章,以及其他一些重要的文章。

一个非符号的前缀" word"表示一个元素( body),``word'''''''''''''''''''''''''''''( .)表示一个'class'( .body

元素选择器(称为'type'选择器)仅参考特定类型的元素(例如body),可以将类选择器应用于任何类型的元素,而诸如ID选择器之类的元素('word''hash之前)是唯一的,只能应用于单个元素(即每个元素一个id,必须在其他地方使用)

选择器的类型和组合有很多类型和组合,要获得一个想法,您可能还想阅读CSS特定性

特异性是浏览器决定哪个属性的手段 值是与元素最相关的,并且可以应用。 特异性仅基于由由匹配规则组成的 不同种类的选择器。

是。

.body{
}

是这样的:

<p class='body'>This is text with a class of body</p>

,但也可以用.body类影响其他元素。

body{
}

将影响body元素,例如:

<body></body>

您也可以使用ID s。例如:

#body{
}

您使用的类似于类。但是,每个页面只有1个ID。

<p id='body'>This is a body tag, but there should only ever be 1 ID per page.</p>

在这里查看以获取更多信息。

最新更新