Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用SASS的多个嵌套CSS命名空间?_Css_Sass_Css Preprocessor - Fatal编程技术网

使用SASS的多个嵌套CSS命名空间?

使用SASS的多个嵌套CSS命名空间?,css,sass,css-preprocessor,Css,Sass,Css Preprocessor,我似乎找不到任何关于可能(甚至可能)执行以下操作的文档 下面是基本的CSS/SASS名称空间声明: 。示例{ 边界:{ 风格:虚线; 宽度:30px; 颜色:蓝色; } } 是否仍可以使用此格式,但将上、右、下、左声明链接起来 我将如何想象这样写: 。示例{ 边界:{ 上、右、下、左:{ 风格:虚线; 宽度:30px; 颜色:蓝色; } } } .举例{ 边界:{ [上、右、下、左]:{ 风格:虚线; 宽度:30px; 颜色:蓝色; } } } 您需要在border:{}之后逐个添加它们,属性

我似乎找不到任何关于可能(甚至可能)执行以下操作的文档

下面是基本的CSS/SASS名称空间声明:

。示例{
边界:{
风格:虚线;
宽度: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上是否存在关于这方面的问题,我相信其他人也希望这样做。