日期:2014-05-17  浏览次数:20772 次

div标签里有tr表格,该如何设定CSS样式?
HTML code

<div id="subpage">
     <tr id="serverlist">
       <table>
        <tr class='serverinfo'>
        <td class='servericon'>
        
        </td>
        <td>
       
        </td>
        <td></td>
        <tr>
        <td></td>
     
        <td>
  
        </td>
        <td>
        </td>
        </tr>
        </table>
        </tr>
        </table>
     
</div>


如何设定serverlist、serverinfo、servericon的样式?我用#subpage #serverlist{ }不起作用。

------解决方案--------------------
楼主 table标签必须完整,整理下标签再来设置css
------解决方案--------------------
我説的标签嵌套

<div id="subpage">
<tr id="serverlist">

你这里 div 下面 怎么直接是 tr了?


HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>

        <style>
            #subpage #serverlist{ color:red; }
        </style>
    </head>
    <body>
        <div id="subpage">
            <table>
                <tr id="serverlist">
                    <td>
                        <table>
                            <tr class='serverinfo'>
                                <td class='servericon'>

                                </td>
                                <td>

                                </td>
                                <td>123</td>
                            <tr>
                                <td>123</td>

                                <td>

                                </td>
                                <td>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

        </div>



    </body>
</html>

------解决方案--------------------
html标签你不搞完整,会破坏网页结构。。。
------解决方案--------------------
实实在在装内容的是td,所以你要设置td的样式。
------解决方案--------------------
楼主 margin是外边距,padding是内补白

这里设置servericon的margin-left 可以用 设置自身 padding 或者 设置父DOM td 或 table 或 div的padding来实现