css - 使用最少的 CSS 样式将单独的坐标应用于数百个 div 元素，怎么做？

Question

在定义 CSS 文件中的所有其他样式元素或页面部分中的样式元素时，是否有某种逻辑效果可以为大量绝对元素中的每一个元素添加内联位置标签？只需拥有一个 <div id="divIDname" style="left:100px;top:40px;">似乎无效，但我希望实现的是让小内联样式附加/覆盖“CSS ID”样式元素的逻辑。

我正在为航空预订跟踪系统类型布局制定一个日程安排器，并将一天中的 17 小时分解为代表 15 分钟 block 的元素，由多架飞机(每个 A/C 在其自己的线路上)进行时间。我已将每一个都设为单亲内的绝对引用，以简化整个规划器页面上的放置。

我将把实际预订分层为该计划器上的更高层次元素，因此我需要确切地知道每个 15 分钟元素在父元素中的位置。为此，我使用绝对定位(数学构造的坐标和在 PHP 循环中生成的 html 等)为每个计划者放置了 15 分钟的元素。

我的问题变成了如何将不同的边框样式和 :hover 伪类应用到元素，而无需为每个 15 分钟的 block 元素定义单独的 CSS 样式，因为每个元素都有自己独特的 left 和 top 属性。我正在使用内联样式作为解决方法，但是 PHP 代码的 HTML 输出和可读性使得我很难解决我的 PHP 脚本中的逻辑错误，因为输出量很大，而且我无法应用 :hover 伪类内联，并且随着飞机在列表中的添加和删除，行数(以及 15 分钟的 block 元素)将随着新行的添加或删除而改变。

服务器是一个简单的 WAMP 实现，除了 PHP 之外没有 jscript 或其他编程脚本。

我不是一个经验丰富的程序员，只是接手了一个相当具有挑战性的元素，试图重新学习并建立在我粗略的 HTML 和 PHP 知识的基础上，所以请温和地回答...:)

如有任何帮助，我们将不胜感激。

问候

布雷登金，澳大利亚汤斯维尔

Answer 1

简单的答案似乎是内联样式扩展了 css 类，并且不适用于 ID 类型的 css 样式。使用 class 而不是 id 似乎已经成功了。

<div class="xyz" style="left: 100px; top:100px;"> .作品

<div id="xyz" style="left: 100px; top:100px;"> .不起作用。

感谢所有让我想到这一点的回复。

问候

布雷顿