首先，我知道如何通過 JS 呼叫創建具有動態變化 ID 的 div 樣式。我還認為我知道如何在沒有 ID 或類的情況下設定 div 的樣式。但是將兩者結合起來我似乎無法弄清楚。
這是結構和代碼
<div id="windowManager_75b500eb-3139-4670-9c36-7bf0cd88672a">
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c">
<div class="jsframe-titlebar-focused" id="window_c5888687-e892-4441-aa9c-0adb5b22bf1c_title">
<span id="window_c5888687-e892-4441-aa9c-0adb5b22bf1c_titleBarText"></span>
</div>
<div id="window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas">
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas_RD"></span>
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas_DD"></span>
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas_RR"></span>
<div>
<span>?</span>
</div>
</div>
</div>
有問題的 div 是最后一個容納<span>x</span>. 它是關閉模態視窗的按鈕。我需要使用 CSS 覆寫當前賦予該欄位的 CSS 值（來自 JS 腳本）。對我來說棘手的部分是它周圍的每個其他 div 都有動態和變化的 ID，所以我必須使用某些 CSS 來呼叫它們。
這是我嘗試過的：
[id^=window_] > div:nth-child(1),
[id^=window_ i] > div:nth-child(1),
[id*=window_] > div:nth-child(1),
[id*=window_ i] > div:nth-child(1) {}
并嘗試過
[id^=windowManager_][id^=window_] > div:nth-child(1),
[id^=windowManager_][id^=window_ i] > div:nth-child(1),
[id^=windowManager_][id*=window_] > div:nth-child(1),
[id^=windowManager_][id*=window_ i] > div:nth-child(1) {}
不幸的是，上面的 CSS 沒有針對任何東西。
uj5u.com熱心網友回復：
[id^=windowManager_] > div > div 應該可以作業，但是標記缺少關閉span選擇器
[id^="windowManager_"] > div > div {
color: red;
}<div id="windowManager_75b500eb-3139-4670-9c36-7bf0cd88672a">
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c">
<div class="jsframe-titlebar-focused" id="window_c5888687-e892-4441-aa9c-0adb5b22bf1c_title">
<span id="window_c5888687-e892-4441-aa9c-0adb5b22bf1c_titleBarText"></span>
</div>
</span> <!-- ?? this closing span is missing? -->
<div id="window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas">
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas_RD"></span>
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas_DD"></span>
<span id="htmlElement_window_c5888687-e892-4441-aa9c-0adb5b22bf1c_canvas_RR"></span>
<div>
<span>?</span>
</div>
</div>
</div>uj5u.com熱心網友回復：
這是建議的答案，您必須對其進行一些調整才能使其正常作業，但我只是在這里給出一個想法
1-嘗試獲取以window開頭的動態ID的div，可以通過JQuery完成，這可能回傳0或n個div元素取決于有多少div匹配條件
$('[id*="_windowManager_"]')
2-為您的最后一個 div 元素分配一個 css 類[期望的] 呼叫 css 類，例如 window-manager，一旦您擁有所需的元素，您也可以使用 jquery 執行此操作
3-在您的 css 中定義以下 css
div.window-manager span {
come css attributes
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/453119.html
標籤：css
上一篇：使用Flex問題定位多個Div
下一篇：向div添加邊距會將其推離螢屏