Tôi có thể nhập scss trong css không?

Question

Quy tắc tại

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

3 CSS được sử dụng để nhập quy tắc kiểu từ các biểu định kiểu hợp lệ khác. Quy tắc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

3 phải được xác định ở đầu biểu định kiểu, trước bất kỳ quy tắc nào khác (ngoại trừ @charset và @layer) và khai báo kiểu, nếu không nó sẽ bị bỏ qua

Nội dung chính Show

@import url;
@import url list-of-media-queries;
@import url supports(supports-query);
@import url supports(supports-query) list-of-media-queries;
@import url layer;
@import url layer(layer-name);
@import url layer(layer-name) list-of-media-queries;
@import url layer(layer-name) supports(supports-query) list-of-media-queries;

ở đâu

url

Hàm

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

5,

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

0 hoặc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

1 đại diện cho vị trí của tài nguyên cần nhập. URL có thể là tuyệt đối hoặc tương đối

danh sách truy vấn phương tiện truyền thông

Là một danh sách các truy vấn phương tiện được phân tách bằng dấu phẩy, danh sách này chỉ định các điều kiện phụ thuộc vào phương tiện để áp dụng các quy tắc CSS được xác định trong URL được liên kết. Nếu trình duyệt không hỗ trợ bất kỳ truy vấn nào trong số này, nó sẽ không tải tài nguyên được liên kết

truy vấn hỗ trợ

Là một hoặc một. Nếu các điều kiện nhập không khớp, các quy tắc trong biểu định kiểu đã nhập sẽ không áp dụng

tên lớp

Là tên của tầng xếp tầng mà nội dung của tài nguyên được liên kết được nhập vào

Quy tắc đã nhập phải xuất hiện trước tất cả các loại quy tắc khác, ngoại trừ quy tắc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

4 và lớp tạo câu lệnh

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

5. Quy tắc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

3 không phải là một. Vì vậy, nó không thể được sử dụng bên trong

Để tác nhân người dùng có thể tránh truy xuất tài nguyên cho các loại phương tiện không được hỗ trợ, tác giả có thể chỉ định các điều kiện nhập phụ thuộc vào phương tiện. Các lần nhập có điều kiện này chỉ định các truy vấn phương tiện được phân tách bằng dấu phẩy sau URL. Trong trường hợp không có bất kỳ truy vấn phương tiện nào, việc nhập là vô điều kiện. Chỉ định

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

7 cho

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

8 cũng có tác dụng tương tự

Quy tắc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

3 cũng có thể được sử dụng để tạo lớp xếp tầng bằng cách nhập quy tắc từ tài nguyên được liên kết. Các quy tắc cũng có thể được nhập vào một tầng tầng hiện có. Từ khóa

@import "custom.css";
@import url("chrome://communicator/skin/");

0 hoặc hàm

@import "custom.css";
@import url("chrome://communicator/skin/");

1 được sử dụng với

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

3 cho mục đích này. Các khai báo trong quy tắc kiểu từ biểu định kiểu đã nhập tương tác với tầng như thể chúng được viết theo nghĩa đen vào biểu định kiểu tại thời điểm nhập

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

@import "custom.css";
@import url("chrome://communicator/skin/");

Hai ví dụ trên cho thấy cách chỉ định url dưới dạng hàm

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

5 và hàm

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

1

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

2

Các quy tắc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

3 trong các ví dụ trên cho thấy các điều kiện phụ thuộc vào phương tiện cần phải đúng trước khi áp dụng các quy tắc CSS được liên kết

Vì vậy, chẳng hạn, quy tắc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

3 cuối cùng sẽ tải biểu định kiểu

@import "custom.css";
@import url("chrome://communicator/skin/");

7 nếu tác nhân người dùng hỗ trợ. Truy vấn phương tiện, sử dụng toán tử

@import "custom.css";
@import url("chrome://communicator/skin/");

9, chỉ định thêm để chỉ áp dụng quy tắc kiểu cho thiết bị màn hình có chiều rộng khung nhìn tối đa là 400px

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

5

Trong ví dụ trên, một tầng tầng có tên là

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

20 được tạo và nó sẽ bao gồm các quy tắc từ biểu định kiểu đã nhập

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

21

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

8

Trong ví dụ trên, các quy tắc trong biểu định kiểu

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

22 và

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

23 xếp tầng trong cùng một lớp với quy tắc

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

24

@import = 
  @import [  |  ] [ layer | layer(  ) ]?  ;  

 = 
  url(  * )  |
  src(  * )  

 = 
   [ '.'  ]*  

 = 
  [ supports( [  |  ] ) ]? ?  

 = 
  not                             |
   [ and  ]*  |
   [ or  ]*   

 = 
  (  )  |
          |
          

 = 
    

 = 
  [  ? ) ]  |
  [ ( ? ) ]                 

 = 
  (  )

2

Đây là một ví dụ về việc tạo hai lớp xếp tầng ẩn danh riêng biệt và nhập các quy tắc được liên kết vào từng lớp một cách riêng biệt. Tầng tầng được khai báo không có tên là tầng tầng ẩn danh. Các lớp xếp tầng ẩn danh được hoàn thiện khi tạo. chúng không cung cấp bất kỳ phương tiện nào để sắp xếp lại hoặc thêm các kiểu và chúng không thể được tham chiếu từ bên ngoài

programming css

Tôi có thể nhập scss trong css không?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội