如何使用最少的CSS样式将单个坐标应用于数百个div元素？

在CSS文件中定义所有其他样式元素或页面部分中的样式元素时，是否有为每个绝对元素添加内联位置标记的逻辑效果？简单地拥有一个

似乎是无效的，但是让小型内联样式附加/覆盖“CSS ID”样式元素的逻辑是我想要实现的

我正在为航空订票跟踪系统类型的布局制作一个日计划表，并将一天中的17个小时划分为15分钟的时间段，由多架飞机（每架a/C在自己的线路上）执行。我将每一个都作为单亲家长的绝对参考，以便于在整个计划书页面上的位置

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

我的问题是如何应用不同的边框样式和：将伪类悬停在元素上，而不为每个15分钟的块元素定义单独的CSS样式，因为每个块元素都有自己独特的左属性和上属性。我使用内联样式作为解决方法，但是HTML输出和PHP代码的可读性使得我很难排除PHP脚本中的逻辑错误，因为输出量太大，而且我也不能内联应用：hover伪类，随着飞机从列表中添加和删除，行数也会减少（因此，15分钟块元素）将随着新行的添加或删除而更改

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

我不是一个经验丰富的程序员，只是承担了一个相当具有挑战性的项目，试图重新学习并建立在我粗略的HTML和PHP知识的基础上，所以请温和地回答…：）

任何帮助都将不胜感激

问候

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

您应该添加css

css将是这样的

#div_id1, #div_id2 ,#div_id3   ....... , #div_id99,#div_id100{left:100px;top:40px;}

现在定义要用于哪个div的额外样式

例如：

#div_id50{ define which extra style you want}

---

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

。工作

。不起作用

谢谢大家的回答，让我明白了这一点

问候

---

Braedon

要执行任何操作，必须具有左侧和顶部属性的position属性。你似乎需要更多地探索PHP循环和条件语句。我在文本墙中给你弄丢了一些东西，但听起来你好像有一个网格。表格不是比绝对定位元素更实用吗？如果你说每个元素的悬停都是唯一的，那么你需要所有元素的规则。@ReneGeuze，每个元素的悬停都不是唯一的，但是有3个边界变量，左为前15分钟，右为第2和第3 15分钟，右为每小时的第4个15分钟。唯一的问题是定位样式元素使每个都独一无二。@Scott，我已经计算出了基本网格位置。我会发现很难获得表格单元格交点的准确位置，以便在该点覆盖div元素。为每个不同的边框变量应用不同的类。例如：

.30min{border:1px纯红；}.30min:hover{border:1px纯蓝；}

。绝对最小值仅为

left

和

top

inline。将css中的类和div标记中的inline放在一起似乎是无效的，因为我已经尝试过了。然后我又使用了一个id而不是一个类。简单的更新版本似乎是内联样式扩展了css类，并且不适用于id类型的css样式。使用class而不是id似乎成功了。