在CSS中，波浪線是一種非常有用的符號，它可以用來表示不同的CSS屬性和值。接下來我們將介紹波浪線的幾種用法：

1. CSS中的 ~ 波浪線表示“兄弟選擇器”。它可以用來選擇元素的兄弟元素中某個特定元素。

.box ~ p {
color: red;
}

上面的代碼表示：選擇class為box的元素后面的所有p元素，將它們的字體顏色設置為紅色。

2. CSS中的波浪線 + 數字 表示“像素單位”。它可以用來指定元素的寬度、高度、邊框等樣式的大小。

.box {
width: 100px;
height: 80px;
border: 1px solid #ccc;
padding: 10px;
}
.content {
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 1px solid #eee;
padding: 10px;
}

上面的代碼表示：在 .box 中定義元素的寬度、高度、邊框和內邊距。在 .content 中，使用 calc() 函數將元素的寬度和高度設置為比 .box 小 2px。這樣做的目的是為了在兩個元素之間留出一條空隙。

3. CSS中的波浪線 + 字符串可以用來表示 “偽元素”。偽元素是一種可以在子元素內部添加額外樣式的方式。

.content::before {
content: "提示：";
font-size: 14px;
color: #999;
}

上面的代碼表示，在 .content 元素的前面添加一段提示文字。這個提示文字是一個偽元素。

通過上述三個例子，我們大致了解了在CSS中使用波浪線的幾種情況。在實際工作中，波浪線是一種非常有用的語法，我們需要深入學習它的使用方法和技巧，以提高CSS的效率。