使用SASS的多个嵌套CSS命名空间?
我似乎找不到任何关于可能(甚至可能)执行以下操作的文档 下面是基本的CSS/SASS名称空间声明:使用SASS的多个嵌套CSS命名空间?,css,sass,css-preprocessor,Css,Sass,Css Preprocessor,我似乎找不到任何关于可能(甚至可能)执行以下操作的文档 下面是基本的CSS/SASS名称空间声明: 。示例{ 边界:{ 风格:虚线; 宽度:30px; 颜色:蓝色; } } 是否仍可以使用此格式,但将上、右、下、左声明链接起来 我将如何想象这样写: 。示例{ 边界:{ 上、右、下、左:{ 风格:虚线; 宽度:30px; 颜色:蓝色; } } } .举例{ 边界:{ [上、右、下、左]:{ 风格:虚线; 宽度:30px; 颜色:蓝色; } } } 您需要在border:{}之后逐个添加它们,属性
。示例{
边界:{
风格:虚线;
宽度:30px;
颜色:蓝色;
}
}
是否仍可以使用此格式,但将上、右、下、左
声明链接起来
我将如何想象这样写:
。示例{
边界:{
上、右、下、左:{
风格:虚线;
宽度:30px;
颜色:蓝色;
}
}
}
.举例{
边界:{
[上、右、下、左]:{
风格:虚线;
宽度:30px;
颜色:蓝色;
}
}
}
您需要在border:{}之后逐个添加它们,属性如下:
.example{
border:{
style: dashed;
width:10px;
color: blue;
}
border-top:{
width:3px;
}
border-left:{
color:red;
}
border-right:{
width:25px;
}
padding:70px;
}
这是可能的(对不起,我以前的回答错了)。该示例似乎适用于所有版本的SASS:
.example {
border: {
top: {
style: dashed;
width: 30px;
color: blue;
}
left: {
style: dashed;
width: 30px;
color: blue;
}
}
}
查看上面的示例。谢谢,但它并不能完全回答我的问题。我想可能是这样的,我的示例纯粹是理论上的。似乎我应该在Github上提交请求?@shannon young,查看我的最后一个示例。对不起,我之前的回答不对(我今天在SASS上学到了一些新东西:))。可以嵌套属性,但需要像示例一样分离主题。这是我最初的想法,但如果可能的话,我正在寻找避免重复的方法。用D.R.Y.的术语思考,我明白了。我很确定现在不可能。看看Github上是否存在关于这方面的问题,我相信其他人也希望这样做。