CSS中有一個常見的選擇器，那就是設置.col-。這個選擇器通常用于網頁布局中的柵格系統。在柵格系統中，屏幕被等分為多個列。而通過設置.col-樣式，我們可以輕松地控制各個列的寬度。

下面是一個示例的.col-樣式：

.col-1 {
width: 8.33%;
}
.col-2 {
width: 16.66%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33%;
}
.col-5 {
width: 41.66%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33%;
}
.col-8 {
width: 66.66%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.33%;
}
.col-11 {
width: 91.66%;
}
.col-12 {
width: 100%;
}

在上面的代碼中，我們定義了.col-選擇器后面的數字代表了該列的寬度占總寬度的百分比。例如，.col-4代表了寬度占總寬度的33.33%。

除了寬度，我們還可以通過設置.col-樣式來控制各個列的間距、對齊方式等。總而言之，.col-樣式是一種非常實用的工具，可以方便地進行網頁布局的開發。