HTMLid duy nhất trên toàn trang, class dùng lại thoải mái.
html
<section id="pricing" class="card card--wide">...</section>
<!-- một element nhiều class; nhưng chỉ một id -->js
document.getElementById('pricing') // nhanh, chỉ trả 1 element
document.querySelectorAll('.card') // trả NodeListid | class | |
|---|---|---|
| Số lần xuất hiện | 1 | nhiều |
| Specificity | (1,0,0) | (0,1,0) |
| Dùng cho | anchor #pricing, label[for], aria-labelledby | style, nhóm element |
Vì specificity của id cao hơn class 10 lần bậc, style gắn vào id gần như không override được bằng class — nên quy ước phổ biến là id để móc nối (JS/anchor/a11y), class để style.
Lưu ý JSX: React dùng className thay class và htmlFor thay for, vì class/for là từ khoá của JavaScript.