CSS ID 選擇器可以在 HTML 元素中使用句點嗎？

元素中帶有句點的 CSS ID 選擇器

HTML 規範允許在元素的 ID 中包含句點 (.)。然而，直接的 CSS ID 選擇器規則將無法應用，從而引起人們對 HTML 和 CSS 規範之間潛在不一致的擔憂。

ID 選擇器的 CSS 規格忽略了這種情況，導致人們猜測它利用了複合標籤名稱和類別選擇器的組合。例如，CSS 規則「a.className」針對所有擁有類別名稱「className」的錨標記 ()。

此相容性問題引發了使用外部 CSS 檔案是否可行的問題引用 ID 中包含句點的 HTML 元素的規則。假設是“不”，因為 CSS 規範規定 CSS“標識符”缺少句點作為可接受的字元。

在進一步探索規範後，發現 CSS 規範允許反斜線 ( ) 轉義，如許多其他程式語言中所見。這意味著以下規則將成功匹配 ID 中包含句點的元素：

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

透過使用反斜線轉義句點，CSS 選擇器可以準確地定位 HTML 文件中的預期元素。

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