| 導購 | 订阅 | 在线投稿
分享
 
 
 

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

來源:互聯網網民  2008-09-24 07:30:02  評論

首先來看一段代碼:

<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 的語法. 所以從理論上講, 這個版本對腳本解釋器應該會更友好一些.

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

 
特别声明:以上内容(如有图片或视频亦包括在内)为网络用户发布,本站仅提供信息存储服务。
 
首先來看一段代碼: <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 的語法. 所以從理論上講, 這個版本對腳本解釋器應該會更友好一些. 上面我提到的這兩種辦法, 可能並不是完全可行. 但在一些時候, 或許我們確實應該多一點挑剔. 你說呢?
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 
 熱帖排行
 
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有