如何在 CSS 中使用點分 ID 定位 HTML 元素？

有點 ID 的元素的 CSS ID 選擇

CSS 規範允許 ID 選擇器識別特定的 HTML 元素。但是，當 ID 包含句點 (.) 時，就會出現問題。 CSS ID 選擇器本身並不支援此類 ID。

儘管 CSS 規範中沒有明確提及，但假設 CSS ID 選擇器將帶有句點的 ID 視為標籤名稱和類別選擇器的組合。例如，「#id.class」將定位所有具有 ID「id」和類別「class」的元素。

但是，定義引用具有點分 ID 的 HTML 元素的外部 CSS 規則會帶來挑戰。 CSS 規範指定 CSS「標識符」不包含句點字元。這會造成 HTML 和 CSS 規範之間潛在的不匹配。

使用 CSS ID 選擇器的替代解決方案是探索其他 CSS 選擇類型。但是，在更改 HTML ID 不可行的情況下，有解決方法。

依照 CSS 規範，允許反斜線 () 轉義。因此，要定位具有點ID 的HTML 元素，請使用以下語法：

#some\.id {
  /* CSS Declarations */
}

在此範例中，句點之前的反斜線允許CSS 選擇器正確識別ID 為「some.html」的元素。 id。 ”

以上是如何在 CSS 中使用點分 ID 定位 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！