CSS 選擇器能否成功定位具有點 ID 的元素？

在ID 中使用句點來處理CSS 選擇器

HTML 規範允許在ID 中使用句點(.)，從而允許元素具有諸如“< ;img id="some.id"/>"。然而，傳統的CSS ID選擇器，例如“#some.id { color: #f00; }”，無法匹配有點ID的元素。

與ID選擇器的CSS規格相反，它忽略了這種情況，問題源自於 CSS 使用混合標籤名稱和類別選擇器。像「a.className」這樣的規則以類別名稱「className」的所有錨標記為目標。

問題出現了：外部 CSS 規則可以以帶點 ID 的元素為目標嗎？答案是微妙的。雖然 CSS 規範限制在標識符中使用句點，但透過反斜線 () 轉義存在解決方法。

此技術允許建立與句點元素相符的選擇器。例如，以下規則使用反斜線轉義來定位 ID 為「some.id」的元素：「#some.id { color: #f00; }」。

因此，儘管規範存在差異，可以使用 CSS 選擇器透過反斜線轉義來定址具有點 ID 的元素。

以上是CSS 選擇器能否成功定位具有點 ID 的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！