Подтвердить что ты не робот

Что означает значение default в значении свойства css?

В блоке начальной загрузки twitter имеется множество свойств CSS с !default в конце.

например.

p {
  color: white !default;
}

Что делает !default?

UPDATE

Мне плохо, что я не понимаю. Я использую порт SASS Bootstrap.

4b9b3361

Ответ 1

Twitter Bootstrap использует МЕНЬШЕ, насколько я видел. С другой стороны, !default на самом деле является частью Sass и используется для предоставления значений по умолчанию Sass ($var), что сделало бы его недействительным в вашем данный контекст, даже в Сасс.

Кроме того, мне не удалось найти ссылки на !default в документацию LESS, и, насколько мне известно, это эксклюзивно для Sass. Вы уверены, что нашли это в источнике Bootstrap, а не в другом месте? Потому что я честно не помню, как Sass/SCSS-код в таблицах стилей Bootstrap.

Для того, что стоит, единственный действительный токен, начинающийся с ! в CSS, !important, о котором вы, возможно, уже знаете.

Ответ 2

! default часто используется в Bootstrap Sass. Это похоже на обратное! Важно. Все переменные Bootstraps устанавливаются с использованием! Default, чтобы позволить разработчику дополнительно настроить загрузку. С! По умолчанию sass будет определять только переменную, если она еще не установлена.

Это обеспечивает большую гибкость.

//Example1 Dress color = red
$auroras-dress-color: blue;
$auroras-dress-color: red;

//Example2 Dress color = red
$auroras-dress-color: blue !default;
$auroras-dress-color: red;

//Example3 Dress color = blue
$auroras-dress-color: blue;
$auroras-dress-color: red !default;

Итак, почему это важно? Bootstrap - это пакет. Большинство людей не редактируют источник Bootstrap. НИКОГДА НЕ ОБНОВЛЯЙТЕ ИСТОЧНИК БОТСТРАПА. Чтобы настроить загрузку, вы добавите свой собственный файл переменных и скомпилируете его с помощью кода начальной загрузки, но никогда не коснитесь собственного загрузочного пакета. Страница Bootstrap sass имеет полный смысл в том, как настроить и скомпилировать ее в документах.

Я не знаю, почему меньше этого не делает. Я не работал с меньшими затратами и не знаю, имеет ли он собственный механизм управления переменными.

Пример скрипки https://jsfiddle.net/siggysid/344dnnwz/