小编jar*_*lor的帖子

嵌套选择器中的&符号(父选择器)

这是没有记录还是不可能?

#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 sass css-selectors

19
推荐指数
2
解决办法
6956
查看次数

Rails 3.2.12 app sass/compass @import仅在生产中失败

好的,所以在我的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宝石在生产中无法正常工作?

import ruby-on-rails sass asset-pipeline compass-sass

5
推荐指数
1
解决办法
2329
查看次数