我不确定我是否正确理解了它。当这样的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>
在这里查看以获取更多信息。