Как побороть css !important?

Question

[Чёкатилло]

Вот есть плагин на Вордпресс и имеются в стилях строки с !important
И в этом же плагине имеется множество строк и без !important, НО побороть их можно только !important через свои стили

Вопросы:
- Как побороть обычные строки через свои стили не добавляя постоянно у себя !important, а как бы "накрывать" стили плагина своими?
- Как побороть строки в которых уже есть !important ?

Answer 1

[iBird Rose]

1) подключать свои стили после них
2) обращаться точно также как и там
к примеру есть:
#mydiv ul li a.link {font-size: 16px;}
чтобы его побороть нужно написать путь такой же(ну или длиннее, а вообще прочитай про приоритеты в css):
#mydiv ul li a.link {font-size: 14px;}
с important тоже самое. стили
#mydiv ul li a.link {font-size: 16px !important;}
перебъют такие же стили
#mydiv ul li a.link {font-size: 14px !important;}

Comments

[Чёкатилло]

А как подключить свои стили позже в Вордпресс?

[zorca]

Баба Яга, на самом деле все еще проще - можно отключить стили плагина и не мучаться с импортант. Каждый плагин подключает свои стили. Найдя это подключение в плагине, делаем обратную операцию в functions.php нашей темы: https://wp-kama.ru/function/wp_dequeue_style .

[Чёкатилло]

zorca, хм Хороший был бы ответ)

Answer 2

[Alexander]

CSS - это каскад, о чем всегда надо помнить, на самом деле в этом и кроется ответ! Поставь значение после и предыдущие затрется. Однако работая с плагинами в ВордПресс, пришел к выводу, что !important самое простое решение.

Answer 3

[Вова Дружаев]

Есть такое понятие как "вес" css правила. Вот здесь я рассматривал его https://codeseller.ru/forum/product-13876/vidoizme...
Вам нужно перебить весом - добавив класс или id. Тогда и порядок загрузки не важен будет