下面请跟着图老师小编一起来了解下CSS: 关于如何选择同一容器内部分标签的想法，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！
【 tulaoshi.com - Web开发 】
首先来看一段代码:
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 /
很容易看出, 这段代码中我们对多个不同的标签进行了相同的属性定义. 所以在一般情况下, 我们会这样来整合代码:
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）
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:
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）
br /
#wrap(p, span, ul, font, .swd){br /
font-size: 14px;br /
color: red;br /
}br /
这个和前面的相比, 对于普通的读者来说可能稍稍有些难理解. 但是学过 PHP 的朋友都应该很熟悉吧？ 是的, 这个完全参考了 PHP 的语法. 所以从理论上讲, 这个版本对脚本解释器应该会更友好一些.
上面我提到的这两种办法, 可能并不是完全可行. 但在一些时候, 或许我们确实应该多一点挑剔. 你说呢？
资料引用:http://www.knowsky.com/441114.html
来源:http://www.tulaoshi.com/n/20160219/1622017.html
看过《CSS: 关于如何选择同一容器内部分标签的想法》的人还看了以下文章 更多>>
