使用at语法，可以在CSS属性值中指定多个值，这些值之间需要遵循一定的逻辑关系。具体规则如下：
1. at语法的第一个参数是一个字符串，表示要匹配的属性值。
2. at语法的第二个参数是一个表达式，用于匹配属性值中的子元素。表达式可以使用任何CSS表达式，例如：
“`
<style>
* {
box-sizing: border-box;
}
.my-element {
width: 100px;
height: 100px;
border: 2px solid red;
}
.my-element * {
width: 100px;
}
</style>
“`
在这个例子中，`.my-element`是属性名，`*`是匹配表达式，它匹配`.my-element`中的所有子元素。
3. at语法的第一个参数和第二个参数之间用冒号分隔，表示要匹配的多个属性值。
4. 如果匹配表达式中的子元素被匹配到了，那么相应的属性值就会被设置为该子元素的样式。
例如，在上面的例子中，`.my-element`中的所有子元素都被匹配到了，因此它们的width属性就会被设置为100px。
需要注意的是，at语法只能用于属性值中，不能用于类、选择器、伪元素等。
at语法的使用可以帮助开发者更简洁、准确地设置样式，避免了重复的设置，提高了代码的可读性和可维护性。