CSS <div class="">和<div id="">CSS 之间的区别是什么？可以使用<div id="">吗？
我看到不同的开发人员在这两方面做到这一点,因为我自学成才,我从来没有真正弄明白.
当使用div时,最好使用class vs id吗？
是否最好使用类,在字体变体或html中的元素？然后使用id作为结构/容器？
这是我一直有点不确定的事情,任何帮助都会很棒.
问题级联样式表的答案使用"id"或"class"表示id
如果"它是......"(例如导航),请在元素上放置ID
还有一个评论:
因为这个ID只能使用一次(在页面中),但元素可以被分类多次.元素也只能有一个标识符,但只能有多个分类.但是,可以识别和分类元素.
使用阴影dom,关于id的部分是否可以使用一次(在页面中)仍然可以使用？例如,获取组件中元素的一种简单方法是为每个id赋予组件唯一的查询权限:
在html中:
<input id="amount" placeholder="Amount" on-change="{{recalc}}"></input>
<input id="term-years" placeholder="Term (yrs) e.g. 30" on-change="{{recalc}}"></input>
<input id="rate" placeholder="Interest Rate" on-change="{{recalc}}"></input>
在Dart代码中:
termYearsElm = shadowRoot.querySelector('#term-years');
amountElm = shadowRoot.querySelector('#amount');
rateElm = shadowRoot.querySelector('#rate');
在玩这个时,组件的多个实例不会发生冲突.这种方法安全还是坏主意？如果它是安全的,那么ids的规则是否已经改变？
我知道其他人已经询问过如何在CSS文件中使用class和id,比如
所以我知道class和id之间的语义和语法差异:id应该用于只使用一次的元素,而class应该用于共享属性的元素.
但这不是一个严格的规则,是吗？将id用于多个元素有什么危害？或者只使用一个班级？毕竟,不是"一个元素"只是一个集合(类)只有一个东西吗？
如果我违反规则,浏览器的CSS解释器会抛出错误吗？我没见过它.
那么为什么我们同时拥有id和class？为什么不只是一个或另一个并称之为好？