是否有庫檢查css規則是否以某種格式寫入？

在我的項目，我寫我的CSS文件，如是否有庫檢查css規則是否以某種格式寫入？

.some_name_APP_CONTAINER <sub css rules...> { 

} 
.some_name_APP_CONTAINER <sub css rules...> { 

} 
.some_name_APP_CONTAINER <sub css rules...> { 

} 
etc...

所以在CSS文件的這一約定，我要確保所有的規則（包括那些在媒體查詢）與.some_name_APP_CONTAINER啓動（是類），並且子字符串some_name可以是任何類名，但對於css文件中的所有規則應該是相同的。因此，這是有效的，例如：

.some_name_APP_CONTAINER .table { 

} 
.some_name_APP_CONTAINER div { 

} 
.some_name_APP_CONTAINER div:hover { 

}

，這是無效的

.some_name_APP_CONTAINER .table { 

} 
.some_name_APP_CONTAINER div { 

} 
div:hover { 

}

因此，這主要是爲了維護原因，讓一切變得類some_name_APP_CONTAINER下封裝。有沒有人用來驗證css規則的圖書館？

另外我更喜歡node.js庫，因爲這樣做效果最好。

感謝

來源

2016-06-15 omega

你可以使用一個CSS預處理器，以幫助你做到這一點。雖然他們不會解析CSS來確保您正在尋找的封裝，但它們可以很容易地實現這樣的結構並進行雙重檢查。

兩種最受歡迎的是Sass和LESS。

CSS預處理器允許您嵌套您的選擇器。到「命名空間」選擇器你可以做到以下幾點。

.some_name_APP_CONTAINER { 
    table {} 
    div {} 
    div:hover {} 
}

一旦預處理器編譯上面的僞CSS，你會得到你正在尋找的結果。

.some_name_APP_CONTAINER table {} 
.some_name_APP_CONTAINER div {} 
.some_name_APP_CONTAINER div:hover {}

確保您希望可以像看是否在一個文件中的所有選擇居住與.some_name_APP_CONTAINER塊/選擇器一樣簡單的結果。

來源

2016-06-15 15:23:15 hungerstar

是否有庫檢查css規則是否以某種格式寫入？

回答

相關問題