Применение id и class к одному и тому тегу.

[Red Planet]

Добрый вечер. Недавно открыл для себя то, что можно применять одновременно и class и id.

<div id="x" class="y">
	Привет, мир!
</div> <!-- wrapper -->

Задаем одни свойства через class, другие через id. Код работает. Хорошо ли так делать или лучше не надо?

Edited October 27, 2010 by Red Planet

[d0ublezer0]

Сразу вопрос: а зачем?

К примеру, этот метод можно использовать при динамическом назначении классов элементу через JavaScript.

А вам для чего это потребовалось?

Чтоб не возникло путаницы, используйте что-нибудь одно.

[stars]

согласен с d0ublezer0 если вам id и class понадобились для css, то в 99% случаев хватает чего-то одного главное грамотно использовать селекты, и в css файле с начала включать общие свойства а ниже уже выбирать селектами отдельные элементы и им задавать отдельные свойства. Если у вас доктайп не html5 то можете какие-то незначительные свойства вынести прям в код, использую атрибут style=""

[psywalker]

Сразу вопрос: а зачем?

Да, вопрос хороший, поддерживаю. Для начала нужно определиться, зачем это нужно. id="x" class="y" - такая запись может где-то помочь, а может например сделать только хуже, а может вообще тупо создать лишний код.

Вот представь себе, у тебя на поляне есть 10 одинаковых по содержанию блоков, которые в принципе должны иметь общие стили. Всё повесить на id="x" ты не сможешь, так как id должен быть уникальным в пределах документа.

А ещё есть такая штука - Специфичность, благодаря которой например повесив на элемент с id="x" зелёный фон, ты уже не сможешь его переопределить назначив хоть 5 классов у этого-же элемента и повесив на них фон красного цвета, так как Специфичность у ID намного превосходит Специфичность класса.

Как сказал-бы один великий гуру, id оставь для JS, а для остального классы.

А вообще всё надо делать с умом...ну ты в курсе.

[d0ublezer0]

psywalker ну, а я о чем?

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

[Great Rash]

Назначение id и класса одновременно можно заменить вот такой записью:

<element class="class1 class2">

[psywalker]

psywalker ну, а я о чем?

Всё о том же дружище, о том же.

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

Вот так, на этом многие начинающие веб-мастера накалываются.

Назначение id и класса одновременно можно заменить вот такой записью:

<element class="class1 class2">

Как вариант

[clavin]

http://forum.htmlbook.ru/index.php?showtopic=13626

Это должен знать каждый верстальщик