Чим відрізняється Div id від Div class в CSS

Атрибути елементів в CSS часто стають предметом суперечок професіоналів і аматорів. Чи треба застосовувати той чи інший, наскільки доцільно це при ідентичному результаті, який код буде менш витратним і більш правильним, і подібні цим питання обговорюються невпинно, в тому числі і зачіпаючи атрибути class і id.

Поняття div id і div class в CSS
Div class – атрибут елемента, що приписує його до якого-небудь класу.

Div id – атрибут елемента, однозначно його ідентифікує.

Різниця між class і id в CSS
Різниця між class і id в CSS кардинальної не рахується, і часто застосовується той чи інший залежно від пристрасті автора. Основна відмінність class від id полягає в тому, що перший може даватися кількох елементів, другий же унікальний і присвоюється одному елементу на сторінці. Використання div id дозволяє уникнути багаторівневої вкладеності, яка виходить при використанні div class.

Крім того, атрибут id, на відміну від class, може використовуватися для якірних посилань, для цього достатньо дати його елементу і послатися на цей елемент якорем. Також у id буде пріоритет у таблиці CSS, якщо задано він одночасно з class. Останній, в свою чергу, дозволяє застосовувати безліч класів до одного елементу. Назви класів можуть записуватися через прогалини, ідентифікатор такого звернення не передбачає. Ще одна перевага id – у можливості пошуку елемента в коді з цього атрибуту за допомогою функції document.getElementById ().

відмінність div id від div class в CSS полягає в наступному:
Div class – приписує клас елементу, div id – ідентифікує.
Class присвоюється множинним елементам, id унікальний на сторінці.
Одному елементу може бути присвоєно безліч класів за допомогою class, і тільки один id.
Пріоритет в CSS залишається за id.
Пошук в коді по атрибуту id здійснюється легше.

Посилання на основну публікацію