Mặc định trong giá trị thuộc tính css có nghĩa là gì?

Question 1

Mã bootstrap của twitter có rất nhiều thuộc tính CSS có dấu !defaultở cuối.

Ví dụ

p {
  color: white !default;
}

Làm gì !default?

CẬP NHẬT

Tệ của tôi vì không được rõ ràng. Tôi đang sử dụng phần SASS của Bootstrap.

Question 2

Twitter Bootstrap sử dụng ÍT nhất theo như tôi đã thấy. Mặt khác, !defaultnó thực sự là một phần của Sass và được sử dụng để cung cấp các $vargiá trị mặc định cho biến Sass ( ), điều này sẽ làm cho nó không hợp lệ trong ngữ cảnh nhất định của bạn, ngay cả trong Sass .

Bên cạnh đó, tôi không thể tìm thấy bất kỳ tài liệu tham khảo nào !defaulttrong tài liệu LESS và theo hiểu biết của tôi, nó là độc quyền của Sass. Bạn có chắc mình tìm thấy cái này trong nguồn của Bootstrap chứ không phải ở nơi khác không? Bởi vì tôi thực sự không nhớ đã nhìn thấy mã Sass / SCSS trong các bảng định kiểu của Bootstrap.

Đối với giá trị của nó, mã thông báo hợp lệ duy nhất bắt đầu bằng !CSS !important, mà bạn có thể đã biết .

Question 3

! default thường được sử dụng trong Bootstrap Sass. Nó tương tự như ngược lại! Quan trọng. Tất cả các Biến Bootstraps đều được đặt bằng cách sử dụng mặc định để cho phép nhà phát triển tùy chỉnh thêm bootstrap. Với! Sass mặc định sẽ chỉ xác định một biến nếu nó chưa được đặt.

Điều này cho phép linh hoạt hơn.

//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;

Vì vậy, tại sao điều này lại quan trọng? Bootstrap là một gói. Hầu hết mọi người không chỉnh sửa nguồn Bootstrap. KHÔNG BAO GIỜ CẬP NHẬT NGUỒN BOOTSTRAP. Để tùy chỉnh bootstrap, bạn sẽ thêm tệp biến của riêng mình và biên dịch nó với mã bootstrap nhưng không bao giờ chạm vào gói bootstrap gốc. Trang của Bootstrap sass có đầy đủ thông tin về cách tùy chỉnh và biên dịch nó trong các tài liệu.

Tôi không biết tại sao ít hơn không làm điều này. Tôi đã không làm việc nhiều với ít hơn và không biết liệu nó có được xây dựng riêng trong quản lý biến hay không.

Ví dụ fiddle https://jsfiddle.net/siggysid/344dnnwz/

Question 4

Bạn có thể tìm thấy định nghĩa chính xác sau đây và lời giải thích phù hợp trên trang web sass-lang trong phần doc (biến) của nó - giá trị mặc định:

Thông thường khi bạn gán giá trị cho một biến, nếu biến đó đã có giá trị thì giá trị cũ của nó sẽ bị ghi đè. Nhưng nếu bạn đang viết một thư viện Sass, bạn có thể muốn cho phép người dùng định cấu hình các biến trong thư viện của bạn trước khi bạn sử dụng chúng để tạo CSS. Để thực hiện điều này, Sass cung cấp cờ mặc định! Điều này chỉ gán giá trị cho một biến nếu biến đó không được xác định hoặc giá trị của nó là rỗng. Nếu không, giá trị hiện có sẽ được sử dụng.