CSS中有兩種使用冒號的方式：單冒號和雙冒號。這兩種方式在不同的情況下有不同的作用。

/* 單冒號 */
.selector {
property: value;
}
/* 雙冒號 */
.selector::pseudo-element {
property: value;
}

單冒號通常用于偽類的聲明，表示某個元素的狀態。偽類指的是那些沒有被HTML文檔描述的元素狀態，如鼠標懸停、選中狀態等。

a:hover {
color: red;
}
input:checked {
background-color: yellow;
}

雙冒號則用于偽元素的聲明，表示某個元素的具體部分。偽元素是虛擬存在的元素，不能用HTML來描述，例如元素中的第一行文字、元素前面的圖標。

p::first-line {
font-size: 18px;
}
div::before {
content: "← ";
}

需要注意的是，有些偽元素以前是使用單冒號定義的，但根據CSS3規范，大部分偽元素應該使用雙冒號定義。但為了兼容性，現在仍然可以使用單冒號定義這些偽元素。

/* 舊寫法 */
p:first-line {
font-size: 18px;
}
/* 新寫法 */
p::first-line {
font-size: 18px;
}

綜上，CSS中的單冒號和雙冒號分別用于偽類和偽元素的聲明。選擇使用哪種冒號取決于所需要的樣式聲明類型。