Эта статья была написана в 2009 году и остается одной из наших самых популярных публикаций. Если вы хотите узнать больше о CSS, вы можете найти эту недавнюю статью о технологиях CSS для дисплеев сетчатки большой интерес.
Одной из самых мощных функций CSS является каскадирование. Знание того, как браузер выбирает и применяет ваши стили, является бесценным знанием. Новички могут найти это особенно запутанным, учитывая, что на использование стиля влияет метод, используемый для включения CSS, порядок правил, способ выбора селекторов и специальные объявления, такие как !important
Встроенные стили — это те, которые определены в самом HTML, например
<p>This is an
<strong style="color: red;">inline style that should be blue</strong>
.</p>
Встроенные стили имеют наивысший приоритет среди всех CSS. В целом, я бы порекомендовал вам избегать их использования и размещать ваши объявления CSS во внешних файлах. Тем не менее, вы можете не иметь такой роскоши, если вы работаете в устаревшей системе или не имеете прямого доступа к HTML-коду.
К счастью, есть способ переопределить встроенные стили из внешней таблицы стилей:
strong[style] { color: blue !important; }
Это заставит текст в strong Этот метод работает во всех основных браузерах, включая:
- Internet Explorer 8.0
- Mozilla Firefox 2 и 3
- Опера 9
- Apple Safari и
- Гугл Хром
Internet Explorer 6 и 7 являются заметными исключениями. Тем не менее, эта техника не то, что вы должны использовать в повседневной жизни. Держите свой CSS чистым и переопределяйте встроенные стили только тогда, когда нет абсолютно никакой альтернативы.
И если вам понравилось читать этот пост, вы полюбите Learnable ; место, чтобы узнать новые навыки и приемы у мастеров. Участники получают мгновенный доступ ко всем электронным книгам SitePoint и интерактивным онлайн-курсам, таким как Практический CSS .
Комментарии к этой статье закрыты. У вас есть вопрос о CSS? Почему бы не спросить об этом на наших форумах ?