css中用中括号 |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);
}

注意，在使用中括号选择元素的属性时，属性名和值都必须用引号包裹（可以使用单引号或双引号）。