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

Question

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

这是我用来突出显示 div 的 CSS。我也在寻找在适当的行中突出显示的第一个“列”...

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

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

这是我的 fiddle :http://jsfiddle.net/6dFqd/

Answer 1

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

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

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