理解.body和body之间的区别

时间:2014-03-13 14:22:47

标签: html css css-selectors

我不确定我是否理解正确。在CSS中设置样式时:

body {
}

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

.body {
}

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

2 个答案:

答案 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了解详情。