0

我有一个 id = Body 的 div，在这个 div 里面我有另一个 id = TableWrapper_Wrapper 的 div 女巫充当 jQuery 数据表的表。

我想将样式应用于此表。

在我的 CSS 文件中，我在 body div 中添加了样式，它可以工作，而 TableWrapper_Wrapper 的样式则不起作用。

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

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

下面是控制台的屏幕截图，因此您可以看到表的名称。

在此处输入图像描述

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

在此处输入图像描述

4

4 回答 4

2

TableWrapper_wrapper是 div 的 id，因此您需要使用id-selector（id 的前缀#） - 阅读有关css 选择器的信息

#TableWrapper_wrapper
{
    font-size: 12px;
    white-space: nowrap;   
}
于 2013-08-27T08:26:53.660 回答
0

它应该是

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

因为TableWrapper_Wrapperis an idnot an 。您也可以使用like设置tag它们的样式classnameTableTables_wrapper

.TableTables_wrapper
{
    font-size: 12px;
    white-space: nowrap;   
}
于 2013-08-27T08:27:44.853 回答
0

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

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

在样式表中，如果您在没有'#'或'.'的情况下调用body，它将被视为body标签

<body></body>

，你在那里写的风格适用于整个身体..这就是你的风格有效的原因。和

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

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

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

对于类使用点前缀，例如“.TableWrapper_wrapper”。

于 2013-08-27T08:37:59.280 回答
0

您需要在 CSS 中将“#”作为 ID 选择器。并且body标签已经在html结构中，所以不需要使用body作为id。你可以试试下面的代码

body {font-size: 100%; background:#F1F1F1;} 
#TableWrapper_wrapper{font-size: 12px; white-space: nowrap; }
于 2013-08-27T10:14:36.810 回答