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設計
 
不太常用的XHTML標簽用法以及實例-css設計
做爲 XHTML+CSS 開發人員,盡可能不要讓自己有這樣的念頭:“只要制作出來的頁面能夠和設計效果圖一致就行了,管它代碼合理不合理、嚴謹不嚴謹,客戶也不要求頁面通過 W3C 驗證……”——我們的目的是爲了要寫出盡量...查看完整版>>不太常用的XHTML標簽用法以及實例-css設計
 
CSS教程:li和ul標簽用法舉例
LI代碼的格式化: A).運用CSS格式化列表符: 以下是引用片段:ul li{ list-style-type:none; } B).如果你想將列表符換成圖像,則: 以下是引用片段:ul li{ list-style-type:none; list-style-image: url(...查看完整版>>CSS教程:li和ul標簽用法舉例
 
藥品包裝材料/容器的選擇
藥品的包裝材料和容器是藥品的組成部分,分爲直接接觸藥品的包裝材料(以下簡稱內包裝)和外包裝材料。包裝主要起物流、傳遞信息和物理防護的作用。 內包裝不僅是藥物的承載體,同時直接影響藥品質量的穩定。包裝...查看完整版>>藥品包裝材料/容器的選擇
 
Effective STL 條款1:仔細選擇你的容器 (連載)
條款1:仔細選擇你的容器你知道C++中有很多你可以支配的容器,但是你意識到有多少嗎?要確定你沒有忽略你的選項,這裏有一個快速回顧。標准STL序列容器:vector、string、deque和list。 標准STL關聯容器:set、multi...查看完整版>>Effective STL 條款1:仔細選擇你的容器 (連載)
 
 
回到王朝網路移動版首頁