CSS的类和ID的差异

时间:2014-01-27 20:11:46

标签: html css class tags

好的,所以我理解如何使用两者,但除了语义之外真的有什么意义呢?我的意思是,如果我为一个唯一的元素创建一个类并且只在该元素上使用它会产生什么负面影响?

另外,我知道您只能分配某些要受类影响的元素,例如:

p.class{blazziblazzi}

现在,只有元素'p'才会被该类生效,如果该元素被分配给该类。那么,为什么有人会将该类分配给一个元素,如果他们不希望该元素采用该类的属性呢?

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

任何指针都会有所帮助,谢谢!

4 个答案:

答案 0 :(得分:3)

  • 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> 

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

      #div1       {           背景颜色:黄色;       }

  \# div2 
  {
      background-color: yellow; 
  } 

但你最好这样做:

      。 divYellow       {          背景颜色:黄色;       }     

这种方式当你想要做出改变时,你只是在课堂上做,而不是在两个地方做

答案 1 :(得分:1)

特异性是其中一个原因。您可以按照评论中的链接进行操作。此外,当您需要添加锚链接时,您必须使用id,类将无法工作。此外,id对于在使用javascript和其他语言时指定项目特别有用。在CSS中,为单个项指定类没有任何害处,但对于可能模仿其他元素样式的元素,使用id作为唯一元素和类是更好的做法。

答案 2 :(得分:0)

如果使用ID将在第一次出现时停止 如果它是一个类,它将扫描整个文档以确保没有其他事件发生。

即使有一个类出现,它仍然需要扫描整个文档以确保没有。在给定各种选择器的情况下,它会导致选择和获取数据的运行时出现问题。

答案 3 :(得分:0)

你可以缩短你的CSS。通过多次使用类名,可以在CSS中保存一些行。如果你想将CSS的大部分用于多个div,我只会推荐这个。如果类名保持不变,则可以在不同的ID中进行小的更改。