id и класс

[Praud]

Всем привет, расскажите пожалуйста чем отличается использование классов в CSS от id. В моем понимании это тоже самое. Пишешь селектор, его id и описываешь свойства, в классах тоже самое, только пишешь вместо ID имя класса.

[Пепел Феникса]

класс это грубо говорят тип объект(или часть типа), в то время как id это идентификатор, который должен быть уникальным.

[Praud]

Все равно не понятно, когда использовать класс, а когда id?

[Stilet]

Класс указывает на то как объект выглядит на канве браузера.
ID указывает то как обьект называется в DOM страницы.
Вот как в школе: У учеников есть имена и форма - ID и class.

[eval]

класс это просто плохое название атрибута
правда последнее время туда уже пихают все что не попадя..
ид - если посмотреть расшифровку, то все понятно

[Naive]

Сообщение от Praud

Все равно не понятно, когда использовать класс, а когда id?

Всегда используй класс — не ошибешься.
1. Если придется дублировать объект, то айди придется переписывать на класс, чтобы страница проходила валидацию.
2. Айди не быстрее класса, так как браузеры рендерят с защитой от дурака, на случай если одинаковых айди несколько.
3. Айди труднее перекрыть, так как он приоритетнее.

[eval]

Naive
1 - зачем? 1 строка кода

2. Айди не быстрее класса

в каком смысле, при поиске? от движка наверное зависит, а вообще сейчас это мелочи конечно

[Naive]

Сообщение от eval

Naive
1 - зачем? 1 строка кода

отнюдь не всегда, встречал стиль рекламного блока, который стряпался на айди через наследование, более того, стиль этот был разбросан по десятку CSS-файлов. Когда везде переименовал, бонусом оказался класс с таким же именем.

Сообщение от eval

в каком смысле, при поиске? от движка наверное зависит, а вообще сейчас это мелочи конечно

скорость парсера и рендера не всегда можно просто так отбросить)

[ComaBlack]

Все просто: класс использовать можно для нескольких объектов, а ID уникален и используется для одного , нельзя дать один и тот же ID для двух объектов.

[Вадим Мошев]

А ещё id хорош тем, что из-за требований уникальности он может однозначно идентифицировать объект. Благодаря этому с помощью JavaScript функции getElementById() можно получить ссылку на элемент управлять его свойствами.

В случае классов будет получен массив объектов с таким классом (используется функция getElementsByClassName()).

опять археологом стал