CSS 屬性選擇器:引號困境
屬性選擇器允許 CSS 作者依照元素的屬性來定位元素。然而,屬性值周圍是否存在引號一直是混亂的根源。
根據 CSS 規範,可以使用單引號或雙引號來引用屬性值,也可以完全不引用屬性值。以下範例說明了這些變體:
通常,如果值僅包含字母數字字元、連字號 (-) 或底線 (_),則允許不帶引號的屬性值。但是,某些特殊字元(例如空格和句點)需要引號才有效。
例如,以下選擇器如果沒有引號將無法工作:
這是因為句點字元將被解釋為屬性和值之間的分隔符號。使用引號可確保句點被識別為值的一部分:
作為最佳實踐,建議在屬性值周圍使用引號以避免潛在的衝突。這可以確保選擇器按預期運行,即使屬性值包含特殊字元也是如此。
以上是CSS 屬性選擇器:什麼時候需要引號?的詳細內容。更多資訊請關注PHP中文網其他相關文章!