2

似乎我的 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?

4

2 回答 2

3

如果您不喜欢这种行为,您可以取出 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 "compass/reset" 并使用您喜欢的重置或使用normalize.css之类的东西来标准化样式。

于 2013-08-26T15:00:48.350 回答
1

是的,指南针(作为引导程序)重置列表的列表样式,如此处所写

指南针实用程序文档

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

于 2013-08-26T11:36:13.307 回答