CSS中的中括号是一种非常重要的语法结构，可以用来引用类、ID、属性、伪类和伪元素等。

/* 以类为例，类名为example */.example {background-color: #fff;color: #000;}

如上所示，我们通过在中括号内写入类名，来为元素添加CSS样式。同样地，使用ID和属性也可以采用类似的方式。

/* ID名为myId */#myId {font-size: 16px;font-weight: bold;}/* 属性为data-src */[data-src] {border: 1px solid #ccc;}

在CSS里，我们还可以使用伪类和伪元素。伪类用于向元素的特定状态添加样式，比如:hover、:active、:focus等，而伪元素则用于在元素的某个位置添加样式，比如:before、:after等。

/* 当鼠标指针位于链接上方时，为链接文本添加下划线 */a:hover {text-decoration: underline;}/* 在元素的前面添加一段文本 */p::before {content: "文章前言：";font-weight: bold;}

值得注意的是，在使用中括号时，需要注意命名规范，避免与HTML中的特殊字符重复，以免导致CSS代码出错。