В каких слечаях можно использовать ID?

Question

[pologenki]

Здравствуйте такой вопрос начал работать с bootstrap , так вот ,есть уже готовые блоки (со стилями и тд) но допустим я хочу их поменять , но не глобально на всей странице , а конкретно в одном месте конкретный блок ! могу ли я присваивать id этому блоку ,что бы поменять его или id используется для более глобальных вещей?

Answer 1

[Вадим]

ну а почему бы не присвоить ему класс-модификатор, а не id?

а так... если Вы один на проекте и\или нет никаких соглашений, можете использовать id как хотите.
Только держите в голове его особенности и ограничения:
- Должен быть уникальным в рамках страницы
- Специфичность селектора по id выше чем по классу.

Comments

[pologenki]

Класс модификатор имеется ввиду ,что я даю доп клас ПРИМЕР:

class="card и добавляю класс modifikator"?

Просто такая ситуация есть проект на bootstrape , (уже готовый) но мне некоторые блоки надо поменять ,создавая отдельные фаилы в css (для удобстав чтобы не менять ничего в style.css) и подсоеденяя их к style.css
какието вещи не работают , но когда я их начинаю уже менять конкретно в style.css они начинают меняться! Но при использовании ID все работает и в других мною созданых файлах . Может есть еще способы?

[Вадим]

pologenki, класс модификатор это любой дополнительный класс, через который Вы в своей таблице стилей доопределите или переопределите имеющиеся стили блока.
Например:

<button class="button button_bloody">Заказать</button>

// базовый класс
.button {
  background-color: black;
  color: wihte;
  border: 1px solid white;
}
// класс модификатор:
.button_bloody {
  color: red;
  border-color: red;
}

Если всё работает при использовании ID а при использовании классов не работает, это означает что у селекторов, которые Вы пишите меньший приоритет чем у тех, что уже есть. Либо меньшая специфичность, либо такая же, но в итоговом коде Ваши стили выше чем применяющиеся.

Чуть подробнее про практику классов-модификаторов можно почитать, например, тут:
https://ru.bem.info/methodology/quick-start/#%D0%B...
Или тут https://habr.com/ru/companies/alconost/articles/419095/

[Вадим]

pologenki, если у Вас в разметке только классы бутстрапа, то назвать класс можете как угодно. Но лучше по имени сущности, которую стилизуете.

[pologenki]

Вадим, Подскажите а как можно поменять приоритет селекторов?

[Вадим]

pologenki, так всеж уже написано. у них либо специфичность больше должна быть, либо они должны быть ниже в итоговом css файле.

https://developer.mozilla.org/ru/docs/Web/CSS/Spec...
https://htmlacademy.ru/blog/css/which-selector
https://doka.guide/css/specificity/

[pologenki]

Вадим, спосибо огромное все получилось! Вы ГЕНИЙ!!!!

[Вадим]

pologenki, не за что. Отмечаем ответ решением?

[Ankhena]

Вадим, угу :)