Javascript 将样式应用于表中第n个内的div

Javascript 将样式应用于表中第n个内的div,javascript,jquery,html,css,html-table,Javascript,Jquery,Html,Css,Html Table,这是我的 这里我需要将样式应用于给定div的第n个子项下的值测试 注意我不应该使用类,因为我使用的是FlexGrid 我该怎么做 这是我的风格 你的问题确实有点含糊。 但是您不需要类来设置这个数据表的样式 行样式 tr:nth-child2{ 背景:红色!重要; } 柱式 td:nth-child2{ 背景:红色!重要; } 标题样式 th:nth-child2{ 背景:红色!重要; }您可以尝试以下方法: table, td, th { border: 1px solid green;

这是我的

这里我需要将样式应用于给定div的第n个子项下的值测试

注意我不应该使用类,因为我使用的是FlexGrid

我该怎么做

这是我的风格


你的问题确实有点含糊。 但是您不需要类来设置这个数据表的样式

行样式 tr:nth-child2{ 背景:红色!重要; }

柱式 td:nth-child2{ 背景:红色!重要; }

标题样式 th:nth-child2{ 背景:红色!重要; }您可以尝试以下方法:

table, td, th {
    border: 1px solid green;
}

th {
    background-color: green;
    color: white;
}
th:nth-child(2) div {
    background : red;
}

当您说要将样式应用于值测试时,您是指包含该样式的div、th还是它所在的列?请更准确地回答你的问题。你想知道吗?th:nth-child2 div{背景:红色!重要;}不习惯!重要的
table, td, th {
    border: 1px solid green;
}

th {
    background-color: green;
    color: white;
}
th:nth-child(2) div {
    background : red;
}