基本级别规则不能包含父选择器引用字符“&"

问题描述

我正在阅读 ROR 4 教程，有一章提到了将 Sass 编译为 CSS.我将 (#logo:hover 和 #footer:hover) 修改为 &:hover 但发生错误

I'm flowing the ROR 4 tutorials , There is a chapter mentioned about Compiling Sass to CSS . I modified (#logo:hover and #footer:hover) to & :hover But error occurred

Base-level rules cannot contain the parent-selector-referencing character '&'.
 (in/Users/snailwalker/rails_projects/sample_app/app/assets/stylesheets/custom.css.scss:54)

我的 SCSS:

/* header */
#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;
  line-height: 1;
}
& :hover {
  color: #fff;
  text-decoration: none;
}

推荐答案

我认为您需要将其移到徽标的花括号内.

I believe you need to move that inside the curly braces for logo.

像这样:

# logo {
    float: left;
    ...
  &:hover {
    color: color;
  }
}

这篇关于基本级别规则不能包含父选择器引用字符“&"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！