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

Question 1

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

Например

p {
  color: white !default;
}

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

ОБНОВИТЬ

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

Question 2

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

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

Как бы то ни было, единственный действительный токен, который начинается !в CSS, - это !important, о чем вы, возможно, уже знаете .

Question 3

! default часто используется в Bootstrap Sass. Это похоже на обратное! Важно. Все переменные начальной загрузки устанавливаются с использованием! Default, чтобы разработчик мог дополнительно настраивать загрузку. С! 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. Для настройки начальной загрузки вы добавите свой собственный файл переменных и скомпилируете его с помощью кода начальной загрузки, но никогда не касайтесь собственного пакета начальной загрузки. На странице Bootstrap sass есть полная информация о том, как настроить и скомпилировать его в документации.

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

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

Question 4

Вы можете найти следующее точное определение и достойное объяснение на веб - сайте sass-lang в его разделе документации (переменная) - значение по умолчанию:

Обычно, когда вы присваиваете значение переменной, если эта переменная уже имела значение, ее старое значение перезаписывается. Но если вы пишете библиотеку Sass, вы можете разрешить пользователям настраивать переменные вашей библиотеки, прежде чем использовать их для создания CSS. Чтобы сделать это возможным, Sass предоставляет флаг! По умолчанию. Это присваивает значение переменной, только если эта переменная не определена или ее значение равно null. В противном случае будет использовано существующее значение.