Просматривал за чаем видосик по бутсрапу, проскочила фраза "Т.к. мы подключаем свой style.css ниже, чем бутсраповский, то наша таблица стилей будет иметь приоритет"
Фраза была сказана в контексте "перебивания" стандартных стилей бутсрапа.
Всю жисть перебивал стили при помощи !important
Это документировано или "пока работает, дальше не знаем" ?
Хотя.. думаю, что данная практика сомнительна. Поменяются местами строки подключения и вся разметка в топку.
_____________
[продано копирайтерам]
Полная Версия: Приоритеты подключаемых css файлов
| Цитата (AllesKlar @ 19.02.2016 - 17:36) |
| Т.к. мы подключаем свой style.css ниже, чем бутсраповский, то наша таблица стилей будет иметь приоритет |
Ну, как бы, это основа основ CSS...
| Цитата (AllesKlar @ 19.02.2016 - 17:36) |
| Поменяются местами строки подключения и вся разметка в топку. |
Та же шняга и с JS, а не только с CSS
| Цитата (AllesKlar @ 19.02.2016 - 17:36) |
| Всю жисть перебивал стили при помощи !important |
А вот это как раз "плохая практика"
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
| Цитата (sergeiss @ 19.02.2016 - 15:51) |
| А вот это как раз "плохая практика" |
Так... это уже интереснее. аргументируй.
_____________
[продано копирайтерам]
AllesKlar
если записи в стилях 100% идентичны, то конечно перебьют
а если лишь возникает коллизия при каскадировании, - то порядок значения не имеет
!important как раз в случаях задания приоритета при каскадировании, от порядка файлов он не спасет
если записи в стилях 100% идентичны, то конечно перебьют
а если лишь возникает коллизия при каскадировании, - то порядок значения не имеет
!important как раз в случаях задания приоритета при каскадировании, от порядка файлов он не спасет
| Цитата (AllesKlar @ 19.02.2016 - 18:01) |
| Так... это уже интереснее. аргументируй. |
Из практики
Какой-то "умник" навесит эту хрень, вместо того, чтобы правильно оценить порядок применения стилей. А ты потом сидишь, как дурак, и пытаешься понять, почему использованный тобой стиль не работает.Я лично рассматриваю !important как своего рода костыль. Да, нужен. Но те ситуации, где он действительно полезен, встречаются редко.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
AllesKlar, про документированность не знаю, но данное правило работает все время, сколько себя помню.
Код читается сверху в низ и правила замещаются на те, что ниже, если встречаются одинаковые.
!important полезен тем, когда тебе необходимо переназначить стиль не своего кода. Ты в чужое не вмешиваешься и вроде как все просто.
Минус здесь в отладке. В консоли идешь по правилам и видишь где и как, !important может быть уровнем выше и в лепешку разобьешься пока найдешь его.
Опять же
Берешь новое правило с !important и им перебиваешь старое с !important , просто располагая ниже по коду .
В общем здесь четких ограничений нет к сожалению и каждый пляшет так как хочет.
Код читается сверху в низ и правила замещаются на те, что ниже, если встречаются одинаковые.
!important полезен тем, когда тебе необходимо переназначить стиль не своего кода. Ты в чужое не вмешиваешься и вроде как все просто.
Минус здесь в отладке. В консоли идешь по правилам и видишь где и как, !important может быть уровнем выше и в лепешку разобьешься пока найдешь его.
Опять же
Берешь новое правило с !important и им перебиваешь старое с !important , просто располагая ниже по коду .
В общем здесь четких ограничений нет к сожалению и каждый пляшет так как хочет.
| Цитата |
| лепешку разобьешься пока найдешь его. |
отладчик в браузере, есть такая штука
там сразу все видно
| Цитата (redreem @ 19.02.2016 - 20:12) |
| отладчик в браузере, есть такая штука |
мои слова, та же строка, только чуть раньше
| Цитата (icedfox @ 19.02.2016 - 20:06) |
| В консоли идешь по правилам и видишь где и как |
Здесь расположена полная версия этой страницы.