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代碼出錯。