html - CSS 类和 ID 的区别

Question

好吧，我明白了如何使用两者，但除了语义之外还有什么意义呢？我的意思是，如果我为单个唯一元素创建一个类并仅在该元素上使用它，会有什么负面影响？

此外，我知道您只能指定某些元素受某个类的影响，例如:

p.class{blazziblazzi}

现在，如果该元素被分配给该类，则只有元素“p”会受到该类的影响。那么，如果有人不希望该元素具有该类的属性，为什么有人会将该类分配给该元素呢？

我只是不明白为什么他们甚至将 ID 和 Class 分开，这对我来说似乎毫无意义。

任何指点都会有所帮助，谢谢!

Answer 1

• ID 是唯一的

每个元素只能有一个ID 每个页面只能有一个具有该 ID 的元素

• 类不是唯一的

您可以在多个元素上使用同一个类。 您可以在同一个元素上使用多个类。

http://css-tricks.com/the-difference-between-id-and-class/

类不应该用它来重写代码，我的意思是你必须避免写相同的，然后为此你使用一个类，而不是为每个 id 分配相同的属性。

例如:

如果你有两个元素:

<div id="div1" class="divYellow">
</div> 
<div id="div2" class="divYellow">
</div> 

如果你想要黄色背景色，你可以这样做:

# 分区 1 { 背景色:黄色； }

  \# div2 
  {
      background-color: yellow; 
  } 

但你最好这样做:

. div黄色 { 背景色:黄色； }

这样当你想做出改变时，你只需在类里面做，而不是在两个地方