@JavaSscriptNoob

Как перебить преоритетность стилей?

Всем привет , у меня есть куча классов такого типа :
у меня есть такая структура
<div class="form-input-base__select MuiFormControl-fullWidth">
  <div class="form-input-base__select  form-input-base__input "><div> // этому диву нужно поменять стиль
<div>

.form-input-base__width.MuiFormControl-fullWidth, .form-input-base__width .form-input-base__input, .form-input-base__select.MuiFormControl-fullWidth, .form-input-base__select .form-input-base__input { width : 250px }

нужно создать такой класс ( если не выйдёт через class то можно и id ) который перебил бы этот стиль width
Пробовал уже много вариантов но не выходит ничего сделать . Можно ли что нибудь придумать ? Желательно без important
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Берите этот же селектор, располагайте его в конце таблицы стилей или в другом файле, подключенном после имеющегося и пишите там нужную ширину.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Aetae
@Aetae
Тлен
Правильный ответ вам написал Сергей delphinpro.

А варианты говнокода:
a) фигачить стилям !important;
b) повысить специфичность добавив body перед классом;
c) повысить специфичность добавив классу :not(.hack) (можно n раз, чем больше - тем селектор круче);
...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы