Javascript 子元素样式化CSS_Javascript_Jquery_Html_Css_Datatables

Javascript 子元素样式化CSS

javascript jquery html css datatables

Javascript 子元素样式化CSS,javascript,jquery,html,css,datatables,Javascript,Jquery,Html,Css,Datatables,我有一个id=Body的div，在这个div中有另一个id=TableWrapper\u Wrapper witch充当jquerydatatables的表我想将样式应用于此表在我的CSS文件中，我将样式添加到body div中，这是有效的，而TableWrapper\u Wrapper的样式则是无效的 body { font-size: 100%; background:#F1F1F1; } TableWrapper_wrapper { font-size: 1

我有一个id=Body的div，在这个div中有另一个id=TableWrapper\u Wrapper witch充当jquerydatatables的表

我想将样式应用于此表

在我的CSS文件中，我将样式添加到body div中，这是有效的，而TableWrapper\u Wrapper的样式则是无效的

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

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

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

有人能告诉我如何在这张桌子上增加一些样式吗

TableWrapper\u wrapper

是一个div的id，因此您需要使用（前缀

）作为id`-阅读

应该是

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

因为

TableWrapper\u Wrapper

是一个

id

而不是一个

tag

。您也可以使用

classname

和

TableTables\u Wrapper

类似的方式来设置它们的样式

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

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

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

在样式表中，如果您不使用“#”或“.”调用body，它将被视为body标记

<body></body>

这不是调用id的方法，请使用如下哈希前缀。“#TableWrapper_wrapper”

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

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

您需要将“#”作为CSS中的ID选择器。并且body标记已经在html结构中，因此无需将body用作ID。

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

你可以试试下面的代码

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

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