Верстаю шаблон и в общем много начитался за ID и CLASS в CSS, принцип работы понял, но не хочу зафейлить всё и переписывать потом.. Сам вопрос id использовать когда ссылаюсь на один конкретный элемент через js, во всех остальных случаях использовать class?
Иногда рациональней использовать все же id. В смысле, для javascript. Стили, да, нужно делать только на классах.
При чем здесь вообще JS? Селекторы это термин из CSS. Ты можешь сформулировать правило для конкретного элемента или для элемента определенного вида. JavaScript просто умеет обращаться к DOM, который подчиняется этим универсальным правилам. Ты всё-равно что сказал "номер паспорта сделан для ментов, а фамилия для человека". Какой-то кусочек смысла в этом есть, но по сути это глупость. id уникален в пределах документа. Идентификатор - понимаешь смысл этого слова? Уникальность его главное свойство. Ты конечно можешь накосячить и сделать более одного одинакового id, но это против правил. Приведет к ошибкам. --- Добавлено --- Соответственно когда тебе надо однозначно указать на единственный объект в селекторе, используй #id. Хоть в правилах стилей, хоть в скрипте. Когда однотипных элементов может быть несколько - используй .class.
Никто это и не собирается оспаривать) Вообще рекомендуется все стили делать на классах, чтобы не было зависимости между CSS и JS селекторами (назовем их так). Даже если элемент всего 1, лучше создать для него уникальный класс. БЭМ методология тому пример. Делается это для того, чтобы логика JS не привязывалась к стилям. В javascript, да, нужно использовать и #id, и .class Причем классы, опять же, лучше создавать отдельные, а не брать из CSS.