将div用于类似表格的布局,如何使用CSS或jQuery突出显示某些div

将div用于类似表格的布局,如何使用CSS或jQuery突出显示某些div,jquery,css,Jquery,Css,我正在使用divs创建一个类似于表的布局。我试图模拟高亮显示的表行,但使用div方法。有没有一种简单的方法可以使用css/jquery而不是在每个div上抛出属性 这是我用来突出显示一个div的css。我还想在适当的行中突出显示第一个“列” 因此,如果我在第二列输入中,在第二行中,我希望突出显示该列和相应的标签 .dinfo > div:hover { background: #eee; } 这是我的小提琴:我想换成桌子。在CSS中使用:nth-child()伪类来设置元素的样式 一个例

我正在使用divs创建一个类似于表的布局。我试图模拟高亮显示的表行,但使用div方法。有没有一种简单的方法可以使用css/jquery而不是在每个div上抛出属性

这是我用来突出显示一个div的css。我还想在适当的行中突出显示第一个“列”

因此,如果我在第二列输入中,在第二行中,我希望突出显示该列和相应的标签

.dinfo > div:hover
{
background: #eee;
}

这是我的小提琴:

我想换成桌子。在CSS中使用
:nth-child()
伪类来设置元素的样式

一个例子是
表tr:n子(奇数){}


您也可以将数字替换为奇数或偶数。

这看起来像是表格。你为什么不使用表?我也在使用敲除,而标记在使用表时很难看,这是一个简化版本。OP评论说“我也在使用敲除,而标记在使用表时很难看,这是一个简化版本。”我在他发表评论之前发布了上述内容,检查时间戳。