2013-08-26 58 views
2

这似乎像我的scss默认关闭有序列表样式,这似乎有点奇怪/讨厌。任何人都可以解释为什么它会这样做吗?为什么Compass/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; } 

我m解决这个问题,加入:

ol { 
    list-style-type: decimal; 
} 

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

+0

也似乎很奇怪,我不能添加'scss'标签到这个问题。 – CorayThan

+0

'scss'标签是'sass'的同义词。 – KatieK

回答

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“指南针/复位”,并使用复位这是根据自己的喜好或使用类似normalize.css标准化样式。

+0

虽然我已经使用Bootstrap,并且我在scss生成的css文件后导入bootstrap。我可以完全删除所有重置文件吗?如果我使用bootstrap,我真的不需要他们,是吗? – CorayThan

+0

我不太熟悉bootstrap,但我认为你可以将其删除。他们使用[normalize.css](http://getbootstrap.com/css/#overview-normalize),所以我真的不知道重置在那里做什么。 – imjared

1

是,指南针(如引导)为列表如下书面

compass utilities documentation

我认为最好的做法是规则添加了“逆”复位只是为了你的样式表重置列表样式,而不是修改库,因为如果您要更改(也许)库的版本并忘记重新打补丁,您将发现无法解释的“错误”。我会将其添加到我的重置规则。

+0

这条线已经来自Compass的重置。如果你这样做,你会有效地重置重置。 – imjared

相关问题