我不确定我是否理解正确。在CSS中设置样式时:
body {
}
我指的是属于HTML的元素。当我写这样的东西时:
.body {
}
我指的是我给出的班级名称。这是对的吗?
答案 0 :(得分:4)
您可能需要查看CSS Selectors from MDN上的文章,这是您列出的类型的选择器上的also a pretty healthy introductory article,以及其他一些重要的文章。
非符号前缀'word'表示元素(body
),前缀为.
)的'word'表示'class'(.body
)
元素选择器(称为“类型”选择器)仅引用特定类型的元素(例如body
),类选择器可以应用于任何类型的元素,而类似于id选择器(前面的哈希) 'word')是唯一的,只能应用于单个元素(即每个元素一个id
,不得在其他地方使用)
选择器的类型和组合有很多种,以便了解您可能还想阅读CSS specificity
特定性是浏览器决定哪个属性的方法 值与元素最相关并且可以应用。 特异性仅基于由组成的匹配规则 选择不同的种类。
答案 1 :(得分:0)
是
.body{
}
会是这样的:
<p class='body'>This is text with a class of body</p>
但也可以影响班级.body
的其他元素。
body{
}
会影响body
元素,例如:
<body></body>
您也可以使用ID
。例如:
#body{
}
你使用它类似于一个类。但每页只有1个同名的ID。
<p id='body'>This is a body tag, but there should only ever be 1 ID per page.</p>
请查看here了解详情。