CSS中,中括號[]是一個重要的符號,可用于選擇器中的屬性選擇器、偽類的參數、變量定義等方面。
屬性選擇器:使用中括號選擇元素的指定屬性。
[attribute] { /* 匹配具有 attribute 屬性的元素 */ }
屬性選擇器也可以通過屬性值來選擇特定元素:
[attribute=value] { /* 匹配 attribute 屬性為 "value" 的元素 */ }
屬性選擇器還可以使用不同的匹配符,例如 ~ (屬性值中包含匹配的值)、^(屬性值以給定的字符串開頭)等:
[attribute~=value] { /* 匹配 attribute 屬性值中包含 "value" 的元素 */ } [attribute^=value] { /* 匹配 attribute 屬性值以 "value" 開頭的元素 */ }
CSS中還可以使用中括號來定義偽類的參數:
:not([attribute=blue]) { /* 匹配沒有 attribute 屬性值為 "blue" 的元素 */ }
中括號還可以用于變量定義:
:root { --color-primary: #007fff; } h1 { color: var(--color-primary); }
注意,在使用中括號選擇元素的屬性時,屬性名和值都必須用引號包裹(可以使用單引號或雙引號)。