在CSS中，有兩個(gè)不同的雙冒號(hào)符號(hào) “::” ，其作用不同。一個(gè)用于偽元素，一個(gè)用于CSS3的變量。

首先我們來看看偽元素中的雙冒號(hào)符號(hào)。在CSS3中，“::”用于表示偽元素。偽元素是人為創(chuàng)建的虛擬元素，它不是文檔樹中的真實(shí)節(jié)點(diǎn)，而是由 CSS 通過 DOM API 插入到文檔中的。常見的偽元素有：

::before
::after
::first-letter
::first-line

這些偽元素用于給 HTML 元素添加一些特殊的樣式。例如，我們可以使用 ::before 來為一個(gè)元素添加一段額外的內(nèi)容，如：

.content::before {
content: "我的內(nèi)容：";
}

這將會(huì)在class為content的元素前添加一段 “我的內(nèi)容：” 的文本。

另一個(gè)使用雙冒號(hào)符號(hào)的地方是 CSS3的變量。CSS3允許我們使用變量來簡化樣式表的編寫。變量必須以雙冒號(hào)符號(hào)作為前綴，如下所示：

:root {
--primary-color: #4CAF50;
}
.title {
color: var(--primary-color);
}

在這個(gè)例子中，我們定義了一個(gè)變量 --primary-color 并將其設(shè)置為 #4CAF50。我們可以在代碼中使用 var() 函數(shù)來引用變量。此處，“:root”選擇器選擇文檔根元素，并聲明了一個(gè)變量。然后，我們在.title類中使用 var() 函數(shù)引用變量。這將會(huì)使元素使用我們定義的主色調(diào)。