Question

我希望这张桌子消失，但由于某种原因它不会。发生了什么事？

我正在使用IE8。

以下是代码：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
    <head>
        <style>
            .test_table
            {
                display: none;
                background: #fff000;
            }
        </style>
    </head>

    <body>
        <table id="test_table">
            <tr><td>test</td><td>teh4</td></tr>
            <tr><td>te3st</td><td>t2eh4</td></tr>
            <tr><td>tes4t</td><td>t2eh4</td></tr>
            <tr><td>tes5t</td><td>t3eh4</td></tr>
        </table>
    </body>
</html>

Answer 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
 <head>
    <style>
        .test_table
        {
            display: none;
            background: #fff000;
        }
    </style>
 </head>

 <body>
    <table class="test_table">
        <tr><td>test</td><td>teh4</td></tr>
        <tr><td>te3st</td><td>t2eh4</td></tr>
        <tr><td>tes4t</td><td>t2eh4</td></tr>
        <tr><td>tes5t</td><td>t3eh4</td></tr>
    </table>
 </body>
</html>

或

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
 <head>
    <style>
        #test_table
        {
            display: none;
            background: #fff000;
        }
    </style>
 </head>

 <body>
    <table id="test_table">
        <tr><td>test</td><td>teh4</td></tr>
        <tr><td>te3st</td><td>t2eh4</td></tr>
        <tr><td>tes4t</td><td>t2eh4</td></tr>
        <tr><td>tes5t</td><td>t3eh4</td></tr>
    </table>
 </body>
</html>

无论哪种方式都有效。

Answer 2

您的CSS选择器错误。 .test_table选择一个包含class="test_table"的表格，但您自己的表格为id而不是class。

使用class代替id或将选择器更改为#test_table（#是id选择器）来修复此问题。

Answer 3

您已为表格ID = test_table提供了ID使用'#test_table'如果您已经为其提供了课程，那么您将使用'.test_table'

Answer 4

测试表被定义为表中的一个类，它没有类，只有id“test_table”。这是皮质：

<table class="test_table">

为什么这张桌子不会消失？

4 个答案: