Особливості селекторів ідентифікатора
Селектори на id або ідентифікатора більш специфічні, ніж за класом і за атрибуту. Тобто при використанні в каскаді вони будуть «переважувати» інші подібні селектори. Ідентифікатори також допомагають точно вибрати певний елемент в коді, але їх використання при оформленні сторінок вважається поганою практикою серед верстальників. Тільки в дуже рідкісних випадках, наприклад при створенні слайдера на CSS, така практика неприпустима. Справа в тому, що в межах однієї сторінки може бути тільки один елемент з певним id. Отже, з-за унікальності селектора CSS по id він може використовуватися тільки для одного-єдиного елемента. В цьому випадку набагато логічніше використовувати класи, а не ідентифікатори.
Різні думки про селекторі по id
Але існує і протилежна думка, що ідентифікатор допомагає визначити той фрагмент коду на сторінці, який повинен бути в єдиному екземплярі. При цьому, хоча селектори по класах можуть замінити його, вони повинні використовуватися для великих груп елементів, а в тих місцях, де потрібна точність, краще використовувати id. Кожен верстальник має право виробити свою особисту думку з цього питання і писати код у своїй власній стилістиці. При написанні селектора по id перед ним використовується символ «#». Тобто рядок коду буде виглядати так: «#blue: {color: blue}». При такому записі буде пофарбований у синій колір елемент з ідентифікатором «#blue».
