首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

为什么这一段代码,无法兑现CSS的继承机制,小弟我错在哪里

2012-02-14 
为什么这一段代码,无法兑现CSS的继承机制,我错在哪里?还有一个问题:就是TD中的文字,能够继承BODY样式表中c

为什么这一段代码,无法兑现CSS的继承机制,我错在哪里?
还有一个问题:就是TD中的文字,能够继承BODY样式表中color属性,只是无法继   承font-size属性,请大家帮忙,谢谢!
<html>
<head>
<meta   http-equiv= "Content-Language "   content= "zh-cn ">
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 ">
<title> Domybest </title>
<style   type= "text/css ">
<!--
body   {
font-size:12px;
color:#0000FF;
text-align:center;
}
a:link   {
font-size:12px;
color:#0000FF;
}
-->
</style>
</head>
<body>
等待快点过去多少个明天,看着自己经慢慢长大一点一点
<table   border= "0 "   width= "1003 "   cellspacing= "0 "   cellpadding= "0 "   height= "30 ">
                                <tr>
                                                <td   >
                                                <table   border= "0 "   width= "1003 "   cellspacing= "0 "   cellpadding= "0 "   height= "15 ">
                                                                <tr>
                                                                                <td   width= "9 "> </td>
                                                                                <td   width= "10 ">
                                                                                </td>
                                                                                <td   width= "67 "> 设为首页 </td>
                                                                                <td   width= "9 ">
                                                                                </td>


                                                                                <td   width= "74 "> 加入收藏 </td>
                                                                                <td   width= "9 ">
                                                                                </td>
                                                                                <td   width= "156 "> 联系我们 </td>
                                                                                <td   width= "11 ">
                                                                                </td>
                                                                                <td   width= "67 ">   <a   href= "index.asp "> 网站首页 </a> </td>
                                                                                <td   width= "11 ">
                                                                                </td>
                                                                                <td   width= "67 ">   <a   href= "help.asp?action=fukuan "> 付款方式 </a> </td>
                                                                                <td   width= "11 ">


                                                                                </td>
                                                                                <td   width= "67 "> <a   href= "help.asp?action=gouwuliucheng ">   购物流程 </a> </td>
                                                                                <td   width= "11 ">
                                                                                </td>
                                                                                <td   width= "67 ">   定单查询 </td>
                                                                                <td   width= "11 ">
                                                                                </td>
                                                                                <td   width= "67 ">   <a   href= "gbook.asp "> 请你留言 </a> </td>
                                                                                <td   width= "11 ">
                                                                                </td>
                                                                                <td   width= "68 ">   <a   href= "help.asp "> 购物指南 </a> </td>


                                                                                <td   width= "11 ">
                                                                                </td>
                                                                                <td   width= "69 "> <a   href= "class.asp ">   产品目录 </a> </td>
                                                                                <td   width= "11 ">
                                                                                </td>
                                                                                <td   width= "69 ">   <a   href= "bbs/ "> BBS </a> </td>
                                                                                <td   width= "40 ">  
                                                                                </td>
                                                                </tr>
                                                </table>
                                                </body>
                                                </html>

以上这一段代码中,我对body定义了样式表,但是只能作用在 "等待快点过去多少个明天,看着自己经慢慢长大一点一点 "上,而不能使用在table中的元素,不是可以继承的吗?另外,单独定义TD的样式表的话,就好了,难道非要这样做嘛,为什么不继承,试了半天,请大家帮忙,谢谢!



[解决办法]
http://www.52css.com/article.asp?id=196

在某些时候继承也会带来一些错误,比如说下面这条CSS定义:

  Body{color:blue}

  这是定义了Body中的文本颜色为蓝色。如果Body中含有表格,在有些浏览器中这句定义会使除表格之外的文本变成蓝色,而表格内部的文本颜色并不是蓝色。从技术上来说,这是不正确的,但是它确实存在。所以我们经常需要借助于某些技巧,比如将CSS定义成这样:

  Body,table,th,td{color:blue}

  这样表格内的文字也会变成蓝色了。

热点排行