Чим відрізняється 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 ().

TheDifference.ru визначив, що відмінність div id від div class в CSS полягає в наступному:

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






» » » Чим відрізняється div id від div class в css