0

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

我正在为航空预订跟踪系统类型布局制作一天计划，并将一天中的 17 小时分解为代表 15 分钟块的元素，多架飞机的时间（每个 A/C 在它自己的线路上）。我已将每一个都设为单个父级中的绝对参考，以简化在整个规划器页面上的放置。

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

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

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

我不是一个经验丰富的程序员，只是承担了一个相当具有挑战性的项目来尝试重新学习和构建我粗略的 HTML 和 PHP 知识，所以请对答案保持温和... :)

任何帮助将不胜感激。

问候

Braedon King，澳大利亚汤斯维尔

4

2 回答 2

1

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

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

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

感谢所有人的回应，让我明白了这一点。

问候

布雷登

于 2012-07-19T09:46:26.167 回答
0

你应该添加一个 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}
于 2012-07-18T16:16:50.093 回答