这一节，我们学习CSSGuards（CSS卫士）。上一节我们了解了mixedguards以及如何条件判断Mixins。但是有时候我们不仅需要对Mixins进行条件判断，还需要对CSS样式类进行条件判断。所以这需要使用CSS守卫。CSSguards是在v1.5.0版本加入的，在v1.5.0之前，如果我们想定义一个CSSguard：.xkd()when(@choice=true){p{color:@color;}}。xkd();现在我们可以直接在style类上应用guard，例如：pwhen(@choice=true){color:red;}也可以结合&符号实现if类型的语句，从而实现多个Style类对于条件判断：&when(@choice=true){p{color:white;}a{颜色：蓝色；}}示例：让我们看一个CSS守卫的具体示例：@variable:a;.xkd(){@variable:b;.style1when(@variable=a){字体大小：12px；红色;}.style2when(@variable=b){字体大小：16px；颜色：蓝色；}.xkd();编译成CSS代码：.style2{font-size:16px;color:blue;}上面代码中在.xkd中混入了两个样式类进行条件判断，条件判断是根据变量@variable变量的值，根据我们之前学过的变量的作用，我们可以知道变量@variable会先在mix.xkd中查找。此时@variable的值为b，可以看到编译后的输出样式为.风格2。链接：https://www.9xkd.com/
