_settings.scss 的更改未显示答案

【问题标题】：Changes to _settings.scss not showing_settings.scss 的更改未显示
【发布时间】：2014-10-16 23:19:10
【问题描述】：

对_settings.scss 所做的更改似乎没有生效。我在项目上运行compass watch，可以看到它收到了有关所做更改的通知。

我举个例子：如果我取消注释并更改行

// $crumb-slash: "/";

到

$crumb-slash: "-";

如their docs所见，然后在我的html中使用面包屑，比如

<nav class="breadcrumbs" role="menubar" aria-label="breadcrumbs">
  <li role="menuitem"><a href="#">foo</a></li>
  <li role="menuitem" class="current"><a href="#">bar</a></li>
</nav>

我仍然会看到斜线而不是破折号。

我需要做任何事情来启用我的_settings.scss吗？

编辑：

另外值得一提的是，我从 compass 收到了关于 _global.scss 中的行的弃用警告。

【问题讨论】：

您的设置文件是先导入的吗？
我假设您在谈论 app.scss。那么是的，第一个导入是@import“设置”。这应该是“_settings”吗？
没关系。导入"settings"、"_settings"和"_settings.scss"都是一回事。
好的。 _settings 大部分默认被注释掉，除了上例中的$crumb-slash，还有没有需要取消注释的行？

标签： web sass zurb-foundation compass-sass

【解决方案1】：

好像你有一些奇怪的 html。在里面你不必使用

，所以试试这样的 html：

<nav class="breadcrumbs"> 
  <a href="#">Home</a> 
  <a href="#">Features</a> 
  <a class="unavailable" href="#">Gene Splicing</a> 
  <a class="current" href="#">Cloning</a> 
</nav>

我刚刚在源代码中看到 Foundation/components/_breadcrumbs.scss 中的斜线被硬编码在一行中：

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/";
  }

也许这会给您带来麻烦？也许是一个错误？

【讨论】：