括號在CSS中大量使用，用來表示選擇器的屬性和值，其中最常用的是小括號。小括號可以用來表示許多不同的東西，比如長度值、角度值、顏色值等等。在CSS中，小括號的用法有些不同于HTML或JavaScript。

/* 使用小括號表示長度值 */
div {
width: calc(50% - 20px);
}
/* 使用小括號表示角度值 */
.rotate-45 {
transform: rotate(-45deg);
}
/* 使用小括號表示顏色值 */
.colorful-text {
color: rgba(255, 0, 0, 0.5);
}

在以上代碼中，小括號分別用來表示長度值、角度值、顏色值。calc()函數可以在括號中使用一些算術表達式，用來計算長度值。rotate()函數可以在括號中使用角度值，表示旋轉的角度。rgba()函數可以在括號中同時使用紅、綠、藍和透明度來表示顏色值。

除了常規的使用外，小括號還可以用于嵌套。這種嵌套通常用來表示復合值。例如，在background屬性中，用小括號包裹多個值可以表示一個復合的背景值。

/* 使用小括號表示背景值 */
.bg {
background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)), url(bg.jpg);
}

在以上代碼中，小括號被用于包裹linear-gradient和url()函數，表示一個復合的背景值。linear-gradient()函數用來表示漸變背景，url()函數則用來表示圖片背景。

在使用小括號時需要注意，小括號內的值如果缺失或者錯誤，可能會導致整個選擇器無效或出現錯誤。因此，在編寫CSS代碼時應該仔細檢查小括號的使用，確保它們正確地嵌套和使用。