Question

我有一个带有id = Body的div，在这个div中我有另一个div，id = TableWrapper_Wrapper，它充当jQuery数据表的表。

我想将样式应用于此表。

在我的CSS文件中，我将样式添加到body div，它为TableWrapper_Wrapper工作和样式，但不起作用。

body 
{
    font-size: 100%;
    background:#F1F1F1;
}

TableWrapper_wrapper
{
    font-size: 12px;
    white-space: nowrap;   
}

以下是consloe的屏幕截图，以便您可以看到该表的名称。

enter image description here

有人可以告诉我如何在这张桌子上添加一些样式。

enter image description here

Answer 1

TableWrapper_wrapper是div的ID，因此您需要使用id-selector（ID {前缀# - 阅读css selectors

#TableWrapper_wrapper
{
    font-size: 12px;
    white-space: nowrap;   
}

Answer 2

应该是

#TableWrapper_wrapper
{
    font-size: 12px;
    white-space: nowrap;   
}

因为TableWrapper_Wrapper是id而不是tag。您还可以使用classname TableTables_wrapper来设置样式

.TableTables_wrapper
{
    font-size: 12px;
    white-space: nowrap;   
}

Answer 3

我建议你不要使用body这样的关键字作为任何其他标签的id。和你给的造型

body 
{
    font-size: 100%;
    background:#F1F1F1;
}

如果你在没有'＃'或'。'的情况下调用body，则在样式表中

，它将被视为正文标记

<body></body>

，你在那里写的风格适用于全身.. 这就是为什么你的风格有效。和

TableWrapper_wrapper
{
    font-size: 12px;
    white-space: nowrap;   
}

这不是调用id的方法，使用这样的哈希前缀。 '#TableWrapper_wrapper'。

#TableWrapper_wrapper
    {
        font-size: 12px;
        white-space: nowrap;   
    }

并且对于类使用点前缀，例如'.TableWrapper_wrapper'。

Answer 4

您需要在CSS中为ID选择器添加'＃'。并且body标签已经是html结构，所以不需要使用body作为id。你可以尝试下面的代码

body {font-size: 100%; background:#F1F1F1;} 
#TableWrapper_wrapper{font-size: 12px; white-space: nowrap; }