CSS：自動爲文件中的所有css選擇器添加類名的前綴css選擇器聲明

我正在尋找一種方法來自動爲所有css選擇器加上一個類的前綴。例如，CSS文件包括：CSS：自動爲文件中的所有css選擇器添加類名的前綴css選擇器聲明

.someclass1{...} 
.someclass2 button span{...}

和輸出應該是這樣的：

.prefixclass .someclass1{...} 
.prefixclass .someclass2{...}

看着LESS和上海社會科學院，雙方似乎並沒有做這樣的：

.prefixclass{ 
    @import 'file.css' 
}

原因是因爲我想在我編寫的wysiwyg編輯器中導入用戶端CSS樣式，並且它需要CSS僅應用於內部編輯器區域，而不是整個頁面。

我希望能夠在命令行模式下甚至在PHP中輸入文件。

來源

2015-08-23 Graben

請不要使用不能同時使用的多種語言標籤（即，選擇sass *或* less，而不是兩者）。可能的重複：http://stackoverflow.com/questions/26698230/keep-import-at-the-end-of-css-after-scss-compile和http://stackoverflow.com/questions/7111610/import-regular -css-file-in-scss-file – cimmanon

如果您使用的是Sass。然後你可以嘗試它的嵌套。

.prefixclass{ 
    .someclass1{ } 
    .someclass2{ } 
}

這將呈現如下您的CSS文件。

.prefixclass .someclass1{} 
.prefixclass. .someclass2{}

我希望這對你有用。如果您需要使用Sass添加前綴，請查看其嵌套屬性。乾杯！

來源

2015-08-23 04:52:02

謝謝你的回答。我知道sass是做什麼的。不過，我希望我可以輸入一個文件... cli模式。我想我可以在PHP中讀取文件並自動編寫一個帶有css文件內容的.scss文件，然後運行sass預處理器生成最終文件，但這可能不會像使用適當的文件一樣快解決這個問題。我想我的問題沒有解釋得很好......會糾正這一點。 – Graben

我最終使用PHP的這種方法生成自動sass文件，所以我選擇這個作爲答案，即使它不是我正在尋找的。感謝您的幫助。 – Graben

CSS：自動爲文件中的所有css選擇器添加類名的前綴css選擇器聲明

回答

相關問題