CSS: 關于如何選擇同一容器內部分標簽的想法

首先來看一段代碼:

<br />

#wrap p {<br />

font-size: 14px;<br />

color: red;<br />

}<br />

#wrap span {<br />

font-size: 14px;<br />

color: red;<br />

}<br />

#wrap ul {<br />

font-size: 14px;<br />

color: red;<br />

}<br />

#wrap font {<br />

font-size: 14px;<br />

color: red;<br />

}<br />

#wrap .swd {<br />

font-size: 14px;<br />

color: red;<br />

}<br />

很容易看出, 這段代碼中我們對多個不同的標簽進行了相同的屬性定義. 所以在一般情況下, 我們會這樣來整合代碼:

<br />

#wrap p, #wrap span, #wrap ul, #wrap font, #wrap .swd {<br />

font-size: 14px;<br />

color: red;<br />

}

在這段代碼中, 我們將放置在 #wrap 容器裏的一些標簽同時進行了定義 [包括字體大小和顔色] . 與前面的相比, 節省了很多代碼.

但事實上, 我們還是沒有做到最大限度的壓縮代碼. 因爲在上面的這段代碼中, 我們所定義的對象都是被放置在 #wrap 容器中的. 所以, 我們能不能用某種辦法來聲明, 我們所定義的對象對是處于 #wrap 內呢?

來看看這個, 銳風的想象版1:

<br />

#wrap {<br />

p, span, ul, font, .swd {<br />

font-size: 14px;<br />

color: red;<br />

}<br />

}<br />

這個版本應該還是很容易理解的.

再來看看銳風的想象版2:

<br />

#wrap(p, span, ul, font, .swd){<br />

font-size: 14px;<br />

color: red;<br />

}<br />

這個和前面的相比, 對于普通的讀者來說可能稍稍有些難理解. 但是學過 PHP 的朋友都應該很熟悉吧? 是的, 這個完全參考了 PHP 的語法. 所以從理論上講, 這個版本對腳本解釋器應該會更友好一些.

上面我提到的這兩種辦法, 可能並不是完全可行. 但在一些時候, 或許我們確實應該多一點挑剔. 你說呢?

 
CSS基礎教程:關于群組化選擇器-css設計
常常我們的CSS 樣式中會有好幾個地方需要使用到相同的設定時,一個一個分開寫會是一件滿累人的工作,重覆性太高且顯得冗長,更不好管理....在CSS 語法的基本設定中,就可以把這幾個相同設定的選擇器合並在一起,原本...查看完整版>>CSS基礎教程:關于群組化選擇器-css設計
 
八個方面 教你如何選擇標簽打印機
  (1)根據打印量決定機型如果您的打印量一天不超過4000張,建議您購買普通商業型(有的俗稱辦公型)打印機,商業性打印機的紙張容量和碳帶容量較小,整個産品的外形小巧玲珑,很適合放在辦公場所,不占面積,而打...查看完整版>>八個方面 教你如何選擇標簽打印機
 
HTML教程:marquee標簽實現滾動效果-css設計
說了這麽多年的 Web 標准,似乎類似 marquee 這種非常規的標簽,已經逐漸淡出視線,不過芒果剛剛在項目中用了這個蹩腳的標簽,我覺得這是合理的善用,沒必要顧忌太多的標准問題。標准並不是一項技術,標准只是一種規...查看完整版>>HTML教程:marquee標簽實現滾動效果-css設計
 
根據網站實例分析web標簽設計的想法
根據網站實例分析web標簽設計的想法
  一 爲何要關心Web標簽  這周每天下午都會花點時間看網站的日志,網站日志記錄了用戶在浏覽網站的行爲軌迹,不是每一家公司都能邀請用戶進行測試和訪談,所以網站日志是運營者和設計者了解用戶的一個重要途徑。...查看完整版>>根據網站實例分析web標簽設計的想法
 
CSS:tbody標簽與thead和tfoot標簽-css設計
  CSS網頁布局中,tbody標簽與thead和tfoot標簽如何使用呢?  thead 標簽用于HTML表格的表頭  表格的頭部thead,可以使用單獨的樣式定義表頭,並且在打印時可以在分頁的上部打印表頭.  tfoot 標簽表示HTML表腳...查看完整版>>CSS:tbody標簽與thead和tfoot標簽-css設計