運行saas編譯器並檢查樣式是否適用不是

好吧我有這2個文件style.css（內容下）和style.scss（下saas）。我將把style.css文件中所做的所有更改應用於style.scss。所以我的問題是我是否可以使用scss風格而不是style.css文件來編譯我的項目。運行saas編譯器並檢查樣式是否適用不是

假設我有這個在style.css中

input[type='text'].rate-field 
{ 
    border: 0; 
    width: 20px; 
    height: 24px; 
    line-height: 24px; 
    font-size: 14pt; 
    font-weight: bold; 
    padding: 0 0 0 6px; 
} 

input[type='text'].small-number 
{ 
    width: 16px; 
} 

input[type='text'].watermark 
{ 
    color: #ddd; 
} 

input[type='text'].datepicker 
{ 
    width: 80px; 
}

而這style.scss

input[type='text'] { 
    &.rate-field { 
    border: 0; 
    width: 20px; 
    height: 24px; 
    line-height: 24px; 
    font-size: 14pt; 
    font-weight: bold; 
    padding: 0 0 0 6px; 
    } 
    &.small-number { 
    width: 16px; 
    } 
    &.watermark { 
    color: #ddd; 
    } 
    &.datepicker { 
    width: 80px; 
    } 
}

現在是有可能，我會得到相同的所需的樣式我的網頁上，如果我評論style.css中的所有樣式並使用scss編譯

來源

2014-01-13 Vivekh

SASS的一般想法是編寫一個名爲（例如）style.scss的文件。

然後，您將該文件（使用預處理器，如PrePos）編譯到輸出文件style.css中。

然後您將此文件上傳到您的Web服務器。

您將永遠不需要更改style.css文件，所做的任何編輯都將轉化爲style.scss，然後編譯。

最初，當你從.css轉換爲.scss時，我會製作原始CSS的備份副本作爲參考，然後編譯爲SCSS並檢查該網站是否相同，從而證明您的SASS是正確的。

來源

2014-01-13 09:35:40

運行saas編譯器並檢查樣式是否適用不是

回答

相關問題