Html 嵌套悬停不'；行不通

之前

#item_1, #item_2, #item_3 {
    display: inline-block;
    width: 57px;
    padding-top: 11px;
    padding-bottom: 11px;
    text-decoration: none;
}

#item_1:hover, #item_2:hover, #item_3:hover {
  color: #fff;
}

之后

#item_1, #item_2, #item_3 {
    display: inline-block;
    width: 57px;
    padding-top: 11px;
    padding-bottom: 11px;
    text-decoration: none;
    &:hover {
        color: #fff;
    } 
}

---

如果html保持不变，则之前的版本有效，而之后的版本无效。我正在用Rails 4构建Rails应用程序。

是ruby的样式库

请参阅文件

范例

#main {
  color: black;
  a {
    font-weight: bold;
    &:hover { color: red; }
  }
}
is compiled to:

#main {
  color: black; }
  #main a {
    font-weight: bold; }
    #main a:hover {
      color: red; }

---

听起来你的应用程序中没有安装SASS，或者你正在使用的样式表不在正确的目录中

检查它是否已安装

检查您的GEM文件中是否有类似的内容

# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.0'

添加它，如果它不在项目目录中，则从项目目录中运行

bundle install

检查样式表是否位于正确的位置

#item_1, #item_2, #item_3 {
    display: inline-block;
    width: 57px;
    padding-top: 11px;
    padding-bottom: 11px;
    text-decoration: none;
}

#item_1:hover, #item_2:hover, #item_3:hover {
  color: #fff;
}

导航到

app > assets > stylesheets

并查看是否存在

application.css.scss

如果是，请确保有一行如下所示：

*= require_tree .

---

如果有，请确保带有代码的样式表位于

样式表

文件夹中，并以

.css.scss

结尾，我不知道。我只创建了一个Rails应用程序，正在使用CSS。如果默认为SASS，则为“是”。@user2469211您甚至不知道后面的版本是SASS时尚版？看来这就是它不起作用的原因。谢谢@KingKing那么我该如何修复它？@user2469211 SASS不像CSS那样标准，它是某种扩展的CSS，因此您可能需要包含一些库/文件才能使用它。我以前甚至没有使用过SASS，只是尝试搜索如何开始使用SASS。仅此而已，我可以确定您的SASS版本正常，因此问题可能是SASS尚未准备好运行。CSS文件是否以

.CSS.scss

或

.CSS.SASS

结尾？为了被认可为SASS，需要对其进行测试。如果是

.scss

，您的代码将正常工作，如果是

.sass

，您的格式将需要更改。我认为默认情况下应该是

.css.scss