如何在 CSS 中選擇具有部分 ID 的元素？

CSS 中的部分ID 值選擇

問題

當使用PHP 等程式語言動態產生元素時，選擇特定元素可能會變得具有挑戰性使用不完整的ID 值。當整個 ID 名稱未知，但只有部分字串可用於識別時，就會發生這種情況。

說明

CSS 中的 ID 選擇器需要完整的 ID 名稱才能有效運作。然而，基於部分 ID 字串選擇元素的需要促使引入了子字串屬性選擇器。該解決方案允許根據特定字串模式精確識別元素。

解決方案

要選擇具有部分 ID 值的元素，請使用子字串屬性選擇器而不是 ID 選擇器。這些選擇器的語法如下：

[attribute^="string"]

其中 attribute 表示 ID 屬性，string 表示要符合的部分字串。

在您的情況下，您可以使用以下內容選擇器來實現所需的結果：

div[id^="as_"]

div[id^="bs_"]

這些選擇器將分別定位ID 以「as_」和“bs_”開頭的所有元素。

替代解決方案

作為使用部分 ID 子字串屬性選擇器的替代方法，您也可以使用類別屬性（如果可用）。每個元素組都可以分配一個共享類，從而可以根據該類而不是單獨的 ID 來選擇元素。此方法簡化了選擇，並且可以透過用於首先生成元素 ID 的 PHP 程式碼輕鬆實現。

以上是如何在 CSS 中選擇具有部分 ID 的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！