元素中帶有句點的 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中文網其他相關文章!