以最小的CSS樣式將單個坐標應用於數百個div元素，如何？

Question

是否有一些邏輯效果，即為多個絕對元素中的每個絕對元素添加行內位置標簽，同時在CSS文件或頁面部分的樣式元素中定義所有其他樣式元素？ 僅僅具有<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代碼的可讀性使得很難對PHP腳本中的邏輯錯誤進行故障排除，並且我無法應用：hover偽類內聯，並且隨着飛機從列表中添加和刪除，行的數量（因此15分鍾的塊元素）將隨着添加或刪除新行而改變。

Server是一個簡單的WAMP實現，除了PHP之外，沒有jscript或其他編程腳本。

我不是一個經驗豐富的程序員，只是參加了一個頗具挑戰性的項目，以嘗試重新學習並建立在我粗略的HTML和PHP知識上，因此請對答案保持溫和... :)

任何幫助將不勝感激。

問候

Braedon King，湯斯維爾，澳大利亞

Answer 1

簡單的答案似乎是內聯樣式擴展了CSS類，並且不適用於ID類型的CSS樣式。 使用類代替id似乎可以解決問題。

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

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

感謝所有人的答復使我對此表示感謝。

問候

布雷頓

Answer 2

您應該添加一個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}