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

Question

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

这是我用来强调div的css。我也在寻找第一个“专栏”，并在相应的行中突出显示......

因此，如果我在输入的第二列，在第二行，我希望突出显示一个和相应的标签。

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

这是我的小提琴：http://jsfiddle.net/6dFqd/

Answer 1

我会切换到表格。在CSS中使用:nth-child()伪类来设置元素的样式。

一个例子是table tr:nth-child(odd) {}

你也可以用数字代替奇数或偶数。