CSS ID 選擇器可以處理 HTML ID 中的句點嗎？

在 CSS 中使用句點尋址 ID 選擇器

在 HTML 中，id 屬性中允許使用句點。但是，在 CSS ID 選擇器規則中使用這些元素時，由於句點不是有效 CSS「標識符」的一部分，會出現不一致的情況。

有些人認為 CSS ID 選擇器規則遵循標籤名稱和類別的語法選擇器組合，例如“a.className”，定位具有指定類別名稱的錨標記。這就引出了一個問題：是否可以在外部 CSS 檔案中引用包含句點的 ID 的 HTML 元素。

CSS 規範澄清句點不是有效「標識符」的一部分，表示它們不能在 ID 中使用選擇器規則。然而，進一步探索發現 CSS 確實支援反斜線 () 轉義特殊字元。

因此，要匹配id 包含句點的HTML 元素，可以使用以下轉義CSS 規則：

<code class="css">#some\.id {
  color: #f00;
}</code>

此語法允許CSS ID 選擇器規則引用id 中帶有句點的元素，與HTML 規範保持一致，並提供修改HTML id 屬性的可行替代方案。

以上是CSS ID 選擇器可以處理 HTML ID 中的句點嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！