使大量Css風格定義情景化的最佳方式是什麼？

Question

我們正在開發一個使用Css作爲樣式機制的Html控件。這個小部件必須是獨立的，這樣它纔不會干擾主機網頁上的任何其他組件。

我們有一個Css文件，其中包含大量的樣式定義。爲了contextualise他們，每一個與主控件容器的名稱開始...

#MainWidgetContainer .class1..... 
{...} 

#MainWidgetContainer .class2..... 
{...} 

有沒有我可以申請MainWidgetContainer背景下更具全球性的方式呢？

注 - 可能被挑剔。我可以用它的方式生活，但我認爲這值得提問。

Answer 1

在這種情況下，我認爲你的唯一真正的選擇是使用#MainWidgetContainer ID在你所有的選擇。任何比這更通用的風險與主機樣式表相衝突，或者不會被您的樣式拾取。如上所述，您可以使用LESS或SASS以這種方式減少書寫的繁瑣操作，但是您的樣式仍需使用該選擇器。

Answer 2

Here's the documentation on using selectors。你可以使用mainwidget容器的子項。這不是最直觀的選擇，但它是一個真正的時間這樣的東西。

Answer 3

看看LESS：http://lesscss.org/