CSS 中引號和冒號在樣式編寫中扮演著非常重要的角色。

首先，我們來看看引號。在 CSS 中，當我們要給某個樣式屬性賦值字符串時，必須使用引號包裹起來。比如說：

p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

在上面的代碼中，"Helvetica Neue", Helvetica, Arial, sans-serif是一個字符串，我們用雙引號將其包裹起來。如果不用引號，就會出現語法錯誤。

接下來，讓我們來看看冒號。在 CSS 中，冒號用于分隔屬性名和屬性值。比如說：

p {
color: #333;
}

在上面的代碼中，color是屬性名，#333是屬性值，它們用冒號分隔開來。

需要注意的是，在 CSS 中使用冒號時，前后要留有一個空格。這是為了增加代碼的可讀性，方便代碼維護。

最后，我們來看一下同時使用引號和冒號的例子：

p:before {
content: "\0022";
}

在上面的代碼中，content是一個偽元素的樣式屬性，它的屬性值是一個字符串"\0022"，其中的雙引號也是必須的。另外需要注意的是，在這個字符串中我們使用了 \ 做轉義符，因為雙引號會和樣式的引號沖突。

總之，在 CSS 中，正確使用引號和冒號是非常重要的，它能幫助我們編寫出更規范，更易讀的樣式代碼。