ProgramingTip

css 속성 값의! 기본값은 무엇을 의미합니까?

bestdevel 2020. 11. 8. 10:37
반응형

css 속성 값의! 기본값은 무엇을 의미합니까?


부트 스트랩 코드 트위터에는 !default끝에 가있는 많은 CSS이 속성 있습니다.

p {
  color: white !default;
}

무엇 !default?

최신 정보

명확하지 않은 것이 나쁘다. Bootstrap의 SASS 부분을 사용하고 있습니다.


Twitter Bootstrap은 내가 본 것보다 적게 사용합니다. 반면에 !defaultSass의 일부이며 Sass 변수 ( $var) 언급 을 제공하는 데 사용 됩니다. 이는 말대꾸에서도 주어진 컨텍스트에서 유효하지 않게 만듭니다 .

나는 LESS 문서!default 에서 어떤 참조도 사용하지 않고 내 지식으로는 Sass에만 국한됩니다. 관리자 다른 곳이 아닌 Bootstrap의 소스에서 발견 되었습니까? 솔직히 부트 유효성의 스타일 시트에서 Sass / SCSS 코드를 본 기억이 있기 때문입니다.

가치가있는 경우 !CSS로에서 시작하는 유일한 유효한 토큰 은이며 !important, 이미 알고있을 수 있습니다 .


! default는 Bootstrap Sass에서 자주 사용됩니다. 역! 중요 함과 유사합니다. 모든 부트 유효성은 개발자가 부트를 추가로 사용자 정의 할 수 있습니다! 기본값을 사용하여 설정됩니다. ! 기본값을 사용하지 않는 경우 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 sass의 페이지에는 문서에서 사용자 정의하고 방법에 대한 완전한 스키니가 있습니다.

왜 덜하지 않는지 모르겠습니다. 나는 약간의 비용으로 많이 일하지 않습니다.

예제 바이올린 https://jsfiddle.net/siggysid/344dnnwz/

참고 URL : https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean

반응형