分類代碼

Question

我在scss文件中有幾行代碼，我是sass/scss的新手。我怎樣才能使下面的CSS進入scss（使用sass功能）？

#l-header, #l-hnav, #l-footer { 
    width: 728px; 
    margin: 0 auto; 
    border: 1px solid red; 
} 
#l-content { 
    padding: 10px 10px 30px 12px; 
    margin: 0 auto; 
    width: 704px; 
} 
#col12_2 { 
    width: 704px; 
    float: left; 
    position: relative; 
} 
.mlid-dl_v2{ 
    height: 400px; 
} 
#col1 { 
    clear: both; 
    float: left; 
    padding-top: 3px; 
    width: 326px; 
} 
#col2 { 
    padding-left: 22px; 
    padding-top: 3px; 
    width: 233px; 
} 
#col3 { 
    position: absolute; 
    margin-top: 400px; 
    right: 20px; 
    width: 301px; 
} 

Answer 1

我推薦檢查一下http://sass-lang.com/guide的一些東西，可以用sass完成，看看哪些功能適合您的需求。

Answer 2

您使用的標籤sass，其被描述爲

薩斯（語法上真棒樣式表）是CSS加入 功能，如嵌套的規則，變量和混入的延伸。這擴展了編寫結構化，可管理和可重用CSS的可能性。 Sass 轉換爲標準的CSS。

這意味着：

1. 有效的CSS已經是有效SCSS，你不需要做任何事情，從CSS切換到SASS。
2. 切換到SASS後，您可以使用SASS功能。
3. 記住最後你必須編譯SASS到CSS。