为什么要在HTML元素上使用类或ID？

Question

我经常看到<body>和<html>元素的ID和类规范。我很好奇为什么有人会这么做？如果这两个元素都是唯一的，那么为什么不在CSS中指定body或html呢？

Answer 1

您好，您的标签在您的问题中被删除了，我猜您正在谈论<html>和<body>标签。我在许多需要引用特定类进行更改的情况下使用它。例如，我有一个界面，它根据用户的角色改变一些属性，比如背景色和按钮，然后我给主体分配一个类或ID，它会改变所有在CSS上做出特定变化的东西。

body.Administrator .container {
  background-color:#000;
}

你可以查看这个链接，在某些特定的情况下，它是关于更多控制的

http://css-tricks.com/id-your-body-for-greater-css-control-and-specificity/

Answer 2

在<body>或<html>标签中使用CSS类最常用的原因是浏览器嗅探/现代。

浏览器嗅探意味着您想要知道您正在处理的是哪个浏览器，因此您可以通过使用它获得的特定浏览器类来调整样式。

通常这是由JavaScript或PHP呈现的。

所以基本上，如果你在火狐中，你可以在css中看到<html class="ff ff18 gecko gecko18">，如果你有一个容器，你可以通过在HTML中使用类来改变容器的样式。

这是因为CSS是级联的，所以嵌套的元素将是父元素的子元素。

因此，您可以通过在现有样式下面添加新样式来覆盖现有样式，并以在<html>或<body>标签中找到的类为前缀。

例如.ff .container {color: blue; /*will only apply to firefox*/}