Подключая какую-нибудь стороннюю библиотеку, например Bootstrap, её CSS-свойства могут не совпасть с требуемыми к определённой странице. Допустим, в сторонней библиотеке написано
body {
font-family: Arial
}
но по проекту необходимо использовать
body {
font-family: Times New Roman
}
Что правильнее менять, если CSS-свойства библиотеки и родной таблицы стилей страницы конфликтуют? Изменить свойство в библиотеке, или добавить !important в родную таблицу стилей?
загрузите CSS файл проекта после библиотек и изменяйте там что и как захотите. Стили определённые позже перезаписывают предыдущие записи. Использовать !important или влезать в стили самих библиотек редко когда пригождается
Если два варианта. 1. !important, при чем important можно использовать несколько, пример
.p{
font-family: Times New Roman!important!important; /*но это не желательно*/
}
2. Без important. Вместо important можно задавать блоки родительских элементов.
Пример:
<ul>
<li>
<p class="p">Текст пример...</p>
</li>
</ul>
в CSS:
ul li .p{
font-family: Times New Roman;
}
т.е. можете хоть html и body указывать.
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости