帶有點 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.id」的元素。