Sass At 规则

Sass 的许多额外功能都以它在CSS 之上添加的新规则的形式出现:

  • @use 加载其他Sass 样式表中的mixin,函数和变量,并将多个样式表中的CSS 组合在一起。
  • @forward 加载Sass 样式表并在使用@use 规则加载样式表时使其mixins,函数和变量可用  。
  • @import 扩展了CSS 规则,以加载其他样式表中的样式,mixin,函数和变量。
  • @mixin@include 易于重用大量样式。
  • @function 定义可以在SassScript 表达式中使用的自定义函数。
  • @extend 允许选择器相互继承样式。
  • @at-root在CSS  文档的根目录中放置样式。
  • @error 导致编译失败并显示错误消息。
  • @warn 打印警告而不完全停止编译。
  • @debug 打印一条消息以进行调试。
  • 流程控制规则@if@each@for,和@while 控制样式的执行次数。

Sass 对于普通CSS 规则也有一些特殊的行为:它们可以包含内插法,并且可以嵌套在样式规则中。其中的一些,例如@media@supports,还允许SassScript 直接在规则本身中使用,而无需插值。

Captcha Code

0 笔记

分享笔记

Inline Feedbacks
View all notes