2013-08-26 86 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

相關問題