在这种情况下，在列表中设置数据样式的最佳方法是什么？

Question

首先，我愿意接受有关其他做事方式的建议。

开始here 是我想要实现的目标的形象（有点，对糟糕的油漆工作感到抱歉）

好的.. 我有一个请求被触发并返回大量包含有关学生姓名、性别、年龄、位置信息的 json。

我想以列表元素的形式构建一种表格，每个元组包含请求返回的唯一学生。

我想以特定方式对其进行样式设置，因此它会显示为一行，但每条数据都显示为蜂窝状，如其特定宽度和边框等。因为每条数据都是一个独特的 html 元素具有特定的 css 样式，但它对用户显示为单行。 （如图中的第 2 和第 3 幅图像。）

将鼠标悬停在 tuple(row) 中的数据元素上会更改该行中所有单元格的悬停状态。

结束单元格包含一个加号。单击此单元格将更新页面上另一个 div 中的数据。而单击一行中的其他单元格会将该人带到与该特定学生相关的另一个页面。

不使用除 Javascript（库也可以，即 jQuery）和 CSS 以外的任何东西，最好的方法是什么？

我的想法是好是坏还是有更好的办法？

还值得注意的是，如果我的请求返回 25 个结果，我一次只想显示 10 个，但该人必须能够以某种方式查看剩余的 15 个。我也将如何处理？

提前致谢。

Answer 1

我目前没有工具来测试它，但它可能会在行容器上设置悬停属性，例如：

div.row:hover div.cell {
  background: #006;
}

或者类似的东西。

对于关于显示 10/25 元素的部分问题......你可以用 JavaScript 隐藏它并有一个按钮来显示它们我猜，我不确定你为什么这样做。如果您想对结果进行分页，最好在服务器端实现一些东西。