| 订阅 | 在线投稿
分享
 
 
 

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- 王朝网络 版权所有