id和js- ..对于js apeel in css有什么区别?

问题描述:

这个问题涉及文章http://davidwalsh.name/css-do。 这些方法有什么区别和优点?id和js- ..对于js apeel in css有什么区别?

<div class="do-launch-login">...</div> 

<a class="do-close-modal">...</a> 

<input class="do-autocomplete" /> 

<div id ="login" class="launch-login">...</div> 

<a id="close" class="close-modal">...</a> 

<input id="autocomplete" class="clautocomplete" /> 

个人对我来说,我在运行中生成大量的动态HTML为我的Web应用程序。因此,我尝试从不使用ID,因为我制作了相同HTML对象的多个实例。

曾经有一个ID的副本被认为是可怕的做法,所以我总是使用类名作为选择器。

但这就是我。

身份证只应该用于一件事。然而,一个班级可以被赋予许多不同的东西。 你可以很容易地深入回答

+1

或者他可以问一个关于Stack Overflow的问题... – Will 2014-09-01 19:54:30

谷歌这更多的一些人认为使用ID在CSS一个不好的做法,因为:

  1. 的元素不重复使用该网页上。
  2. 这是开始向下延伸到特异性。
  3. 通常情况下,ID是指具体的东西,抽象会很难。
  4. 任何性能提升,通过使用ID回升,是通过添加任何其他选择向左该ID

http://screwlewse.com/

笔者称之为do-前缀引述否定,我给他们打电话(并用它们作为)js-jQ-前缀。
JavaScript有在DOM操作可能应用的整体规模......不仅仅是一个do-

那些前缀,表示完全由JS使用类,意味着你不能在IE中找到他们:style.css而是作为一些Javascript逻辑的一部分,在script.js

不能使用ID多次原因ID应该是在任何情况下独特的单页,因此,类用一个前缀五香来区分它的应用程序。
(hm ... do- ...仍然看起来很可笑。)