如果有人讓我知道,我沒有在這裏看到關於它的任何內容。CSS選擇器樣式
這是我寫的一個CSS選擇器的例子。
div#container div#h h1 { /* styles */ }
div#container div#h ul#navi { /* styles */ }
div#container div#h ul#navi li.selected { /* styles */ }
我寫了所有我喜歡的CSS。這使我可以避免讓樣式浮動,並且我可以在技術上輕鬆地重用相同的類名。例如,我可能會在整個網站的多個元素上使用.selected。
我還指定類/ id之前的元素類型(div,ul等),除非該樣式用於多個元素。我還在id之前指定了元素,即使只有一個id,因爲它可以讓我在閱讀CSS時輕鬆地知道元素。例如,我會馬上知道em#示例最可能具有斜體的字體風格。
這不是關於CSS格式化的問題,而是關於編寫選擇器的問題。
我很想聽聽關於這種方法的意見,因爲我已經使用了好幾年了,而且我正在重新評估我的傾向。
雖然它有點偏離主題,我也寫這樣的選擇器庫的選擇器(例如jQuery)。儘管我還沒有研究過jQuery的內部,看看用ID指定元素是否存在性能問題。
好點。 ID的東西有點棘手。如果我想讓該ID專門存在,我只會爲父選擇器設置一個ID。現在我可以簡單地使用#id,但是我仍然將它放在頭文件(這將是父代)的組中的CSS文件中。所以如果有人想移動它,他們很可能會移動這條線,所以爲什麼不重新改寫選擇器?如果您想要ID可移動,請不要指定父母。因爲這個問題是主觀的,所以我會解決這個問題。謝謝! – William 2010-01-02 20:20:04