初学样式表的人肯定会说，我要精确定位一个区域的样式表，用一个class名不就可以吗，还需要这么麻烦吗？这话说的没错，做只有几个页面的小网页，也确实不用这么麻烦，但是当你规划一个大型网站的时候，你就肯定要利用web元素的继承关系，按照从大区域到小区域的次序来写CSS文档。这就就象画画一样，学过绘画的朋友，都知道，画素描都是先打型然后在铺大色调，最后是深入刻画。CSS文档也是，确定大区域的结构，然后在深入继承和规划。相关CSS教程全集详解
好了，言归正传，今天要讲的是CSS样式表中继承关系的空格与不空格的问题。先看下面的一个例子：
这是我的CSS文件：
td .a{
color: #006600}
td.b{
color: #FF0000}
这是我的body元素里的代码：
这里是标签"li"
在CSS文件里td后面跟着的class名是 a 和 b ,a里面我定义的字体颜色是绿色，b里面我定义的字体颜色是红色．现在我要说的是，这两个样式表写法都是正确的，类名b没有空格连着元素
，而类名a有空格接着元素，运行此代码，你发现页面显示字体为绿色，这说明页面读取了样式表td空格a的内容，由此我们可以推断，页面样式表文件是按照页面元素由里到外的次序来读取的，取近舍远的原则。如果我们把样式表td空格a的空格去掉，你会发现，现在页面字体的颜色是读取的样式表b里的内容，字体变为红色的了。这说明了不空格的样式表写法是针对在当前所在元素内而定的，,而有空格的样式表写法是继承了当前元素内某个元素而定，通过反复的几次测试，继承的层级至少是一个层级以上就可以了，具体没有严格的规定。
相信看到这里，大家对样式表空格与不空格的关系已经有了一点认识，希望在以后的学习中与大家共勉。如有不正之处，还望包涵，指点！我也只是在工作学习中领悟点认识与大家分享。高手请勿见笑。想了解更多网页设计教程知识可登陆e良师益友网
来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/29967646/viewspace-1328699/，如需转载，请注明出处，否则将追究法律责任。
<%=items[i].content%>
<%if(items[i].items.items.length) { %><%=items[i].items.items[j].username%> 回复 <%=items[i].items.items[j].tousername%>： <%=items[i].items.items[j].content%>
北京盛拓优讯信息技术有限公司. 版权所有 京ICP备09055130号-4 北京市公安局海淀分局网监中心备案编号：11010802021510
广播电视节目制作经营许可证(京) 字第1234号 中国互联网协会会员
转载于:http://blog.itpub.net/29967646/viewspace-1328699/
3488
到【灌水乐园】发言
