在 CSS 中，小于號符號<通常被用作于比較運算符號的表達式中。在 CSS 中比較運算符號包括小于號<、大于號>、小于等于號<=、大于等于號>=和等于號=。

比較運算符號在 CSS 中常常用于為元素設(shè)置樣式，比如通過比較元素的寬度和高度來為其設(shè)置背景顏色。

.container {
width: 100%;
}
.box {
width: 50%;
height: 200px;
background-color: red;
}
@media screen and (max-width: 600px) {
.box {
background-color: green;
}
.box[style*="width: 20%"] {
background-color: blue;
}
}

在上述代碼中，box類選擇器下的width: 50%其實就是一個小于號表示的比較運算符號，該運算符號將比較box元素的寬度和其父級元素container的寬度，如果前者小于后者，則會為box元素設(shè)置紅色的背景顏色。

當屏幕窗口小于或等于600px時，媒體查詢語句@media將會為元素設(shè)置另一種不同的背景顏色。此外，選擇器box[style*="width: 20%"]中的小于號符號則表示選擇所有寬度為 20% 的元素，并為其設(shè)置藍色背景顏色。

總之，小于號符號在 CSS 中的作用遠不止于此，它還能夠在其他形式的比較表達式中使用。如果你想要更深入了解比較運算符號的用法，可以參考相關(guān)的 CSS 文檔和教程。