2 baidu 34197758 baidu_34197758 于 2016.03.30 23:38 提问

为何用于设置表格的class作用不上来?

样式class1使用后没反应,代码如下

 <style type="text/css">
            #city th{
                background-color: darkcyan;
            }
            #city tfoot td{
                background-color: darkgrey;
            }
        #city{
                border-collapse: collapse;/*设置表格的边框合并为一个单一的边框*/
                /*border: 1px solid salmon;*/
            }
            #city th,td{
                border: 1px solid salmon;
            }
            .class1{
                border-bottom: 1px  solid darkseagreen;
            }
        </style>
    </head>
    <body>
        <table width="400px"  id="city" >
            <caption>首都</caption>
            <thead>
                <tr>
                    <th>北京</th>
                    <th>北京</th>
                    <th>北京</th>
                </tr>
            </thead>
                <tr class="class1">
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                    <tr class="class1">
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
            <tfoot>
                <tr><td colspan="3">以上资料纯属虚假</td></tr>
            </tfoot>

        </table>

    </body>
</html>

2个回答

showbo
showbo   Ds   Rxr 2016.03.31 09:08
已采纳
     tr.class1 td {
        border-bottom: 1px solid darkseagreen;
    }
showbo
showbo 回复baidu_34197758: .class作用于tr,#city th,td作用于td,你需要修改的是td的,而不是tr的
一年多之前 回复
baidu_34197758
baidu_34197758 大神啊!你怎么这么厉害!嘿嘿,如果能告诉我为啥单定义.class不起作用就更好啦~
一年多之前 回复
danielinbiti
danielinbiti   Ds   Rxr 2016.03.30 23:51
 被td的边框样式覆盖了
#city th,td{ border: 1px solid salmon; } 
danielinbiti
danielinbiti 回复baidu_34197758: chrome不会,注释后肯定是生效的
一年多之前 回复
baidu_34197758
baidu_34197758 回复danielinbiti:我用的是Chrome...
一年多之前 回复
danielinbiti
danielinbiti 回复baidu_34197758: ie6,7或者兼容模式是不支持的,需要设置td,ie9,10等非兼容模式支持
一年多之前 回复
danielinbiti
danielinbiti 回复baidu_34197758: ie吧?
一年多之前 回复
baidu_34197758
baidu_34197758 可是我把这条语句覆盖掉后,还是没有作用?
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!