CSS和文件名編碼約定

Question

你（或你的公司）在文件名和CSS類名上運行什麼樣的約定？例如，假設您有這些類名：窗口，窗口頂部，窗口左上角，窗口右上角。你如何命名這些類名（和這樣的文件名）？

目前我做了以下內容：

.window { 
background: url(images/window.png); 
} 

.window-top { 
background: url(images/window-top.png); 
} 

.window-top-left { 
background: url(images/window-top-left.png); 
} 

什麼其他的方法有哪些？

Answer 1

從類名中，我認爲這是某種widget或插件的CSS。你給的名字是很清楚，但有助於避免衝突我可能會用很短的插件/插件特定的字符串即它們的前綴：

.mywindow-window{ 
} 

.mywindow-window-top{ 
} 

.mywindow-window-top-left{ 
} 

這些名字是有點冗長，但應有助於使事情更清晰長遠來看。

如果我弄錯了，那麼你暗示的命名約定應該沒問題 - 最重要的是你是一致的。