Question

似乎我的scss默认关闭了有序列表样式，这看起来有点奇怪/烦人。任何人都可以解释为什么会这样做吗？

这是神秘地添加到我的css的行：

/* line 24, C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

有点splunking表明这是_utilities.scss文件中这些行的结果：

  ol, ul {
    @include reset-list-style; }

// Reset the list style of an element.
@mixin reset-list-style {
  list-style: none; }

我正在通过添加：

解决此问题

ol {
  list-style-type: decimal;
}

到我的scss文件。修改_utilities.scss文件会更好吗？听起来如果我这样做可能会搞砸scss如何转换为ol，ul元素的css？

Answer 1

如果您不喜欢此行为，可以取出Compass附带的重置功能。当您启动一个新的指南针项目时，它会生成带有以下内容的screen.scss：

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@import "compass/reset";

只需移除或注释掉@import“指南针/重置”并使用您喜欢的重置或使用normalize.css等标准化样式。

Answer 2

是的，指南针（作为引导程序）重置列表的列表样式，如此处所写

compass utilities documentation

我认为最佳做法是将“反向”重置规则添加到样式表中，而不是修改库，因为，如果您要更改（可能）库的版本而忘记修补再一次，你会发现无法解释的“错误”。我会将它添加到我的重置规则中。

为什么Compass / Scss设置list-style：默认为none？

2 个答案: