Вопрос по css, sass, twitter-bootstrap – Что означает! Default в значении свойства css?

62

У загрузочного кода Twitter много CSS-свойств с!default в конце.

Например.

p {
  color: white !default;
}

Что значит!default делать?

UPDATE

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

никогда не видел это раньше. может быть что-то, что относится только к начальной загрузке, может быть, у них есть какой-то анализ, который ищет это Huangism
Нет в css 2.1w3.org/TR/CSS2 Marcin

Ваш Ответ

2   ответа
51

! 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 вы найдете подробную информацию о том, как настроить и скомпилировать ее в документации.

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

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

& Quot;To customize bootstrap you will add your own variable file and compile it with the bootstrap code but never touch the native bootstrap package. Bootstrap sass's page has the full skinny on how to customize and compile it in the documentations.& Quot; Я должен был немного охотиться за этим. Для всех, кто заинтересован,here's the link (v4.3) на страницу, которую упоминает Сара.
41

Твиттер Bootstrap использует LESS, насколько я видел. С другой стороны,!default is actually part of Sass, и используется для задания переменных Sass ($var) значения по умолчанию, которые сделали бы его недопустимым в данном контексте,even in Sass.

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

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

@BoltClock Извините за красную сельдь. Я действительно работал над портом SASS Bootstrap. Вот пример из кода:$yellow: #ffc40d !default; Coffee Bite
Хорошо, я только что скачал и загрузил свежую копию Bootstrap, и это действительно решительноnot из источника Bootstrap ...
@ thirtydot: Интересно, я не знал о таком порте. Код, приведенный выше, все еще является недействительным Sass, хотя мне даже не нужно извлекать порт Sass, чтобы знать.
@ Роберт Паундер: Либо ответчику не пришло в голову, что он может изменить принятые ответы, либо они забыли об этом вопросе (обратите внимание, что наши ответы разнесены почти на 5 лет), или им просто все равно.
Он может ошибаться, или он может использоватьSass port of Bootstrap, В любом случае, он задал неясный вопрос.

Похожие вопросы