这是没有记录还是不可能?
#parent {
#child {
width: 75%;
.additional_parent_class & {
width: 50%;
}
}
}
Run Code Online (Sandbox Code Playgroud)
这基本上会变成:
.additional_parent_class #parent #child {
width: 50%;
}
Run Code Online (Sandbox Code Playgroud)
虽然这是有道理的,因为&符号的实现及其使用方式.如果我想要实现这一点怎么办?
#parent.additional_parent_class #child {
width: 50%;
}
Run Code Online (Sandbox Code Playgroud)
我能够实现这一目标的唯一方法是在子声明之外编写另一条规则:
#parent{
#child {
width: 75%;
}
&.additional_parent_class #child {
width: 50%;
}
}
Run Code Online (Sandbox Code Playgroud)
虽然这不一定是这个实现中的"痛苦",但如果#child有自己的孩子,现在需要在两个规则中重复,这似乎会产生反作用.
无论如何,也许我只是挑剔,但如果有更多方法可以遍历选择器,那将会很棒.
好的,所以在我的css.scss文件中的@import需要扩展名之前我遇到过这个问题:
@import 'layout.css.scss'
Run Code Online (Sandbox Code Playgroud)
代替
@import 'layout'
Run Code Online (Sandbox Code Playgroud)
不知道为什么这只发生在生产中(本地我没有问题).我讨厌必须添加扩展,不知道为什么,我想这只是让我感到烦恼,我必须输入它?:)
我遇到的问题是我似乎无法在生产中使用指南针.我正在使用指南针轨道宝石.我有一个_config.css.scss文件,其顶部有以下导入:
@import "compass";
@import "compass/css3";
Run Code Online (Sandbox Code Playgroud)
我尝试将css.scss添加到它们然后找不到文件(甚至在本地).所以我的问题是这样的:
我有什么方法可以使用@import而不必包含文件扩展名吗?
如果没有,我如何让Compass工作?
这再次影响了我的生产.
我已经尝试了一些我在Stackoverflow上发现的不同的东西,但没有任何帮助.
Rails 3应用程序中的Sass导入错误 - "导入未找到或不可读的文件:指南针"
我在生产中运行应用程序时遇到的确切错误:
Completed 500 Internal Server Error in 920ms
ActionView::Template::Error (File to import not found or unreadable: compass.
Run Code Online (Sandbox Code Playgroud)
UPDATE
我成功地将.scss添加到我的指南针导入中
@import 'compass.scss'
Run Code Online (Sandbox Code Playgroud)
这不再局部抛出"找不到文件"错误.
但在生产中我仍然会收到此错误:
ActionView::Template::Error (File to import not found or unreadable: compass.scss
Run Code Online (Sandbox Code Playgroud)
所以这告诉我,可能我的Compass宝石在生产中无法正常工作?