在CSS中，我們可以使用一些特殊的選擇器來選擇特定的元素。其中，以<開頭的選擇器就是一種非常常見的選擇器，它可以選擇以某個特定的字符串或者字符開頭的元素。下面，我們來了解一下如何使用這個選擇器。

/* 選擇所有以p開頭的元素 */
[attribute^=value] {
/* styles */
}
p[class^="p"] {
font-size: 16px;
color: blue;
}

在上面的例子中，我們使用了^=操作符來篩選以p開頭的元素。其中，attribute是我們要選擇的HTML屬性名稱，value則是屬性值的前綴字符串。在選擇器中，我們還可以使用其他的屬性選擇器來篩選出符合條件的元素。

需要注意的是，這個選擇器只會選擇元素的HTML屬性值以特定字符串或字符開頭的元素，而不是CSS的規則名。例如，如果我們有如下HTML代碼：

<p class="paragraph">這是一個段落</p>>

使用p[class^="p"]這樣的選擇器是可以篩選出<p class="paragraph">的，但是使用p:pseudo-class就沒有任何用處了。

除了以<開頭的選擇器，CSS中還有很多其他的選擇器，可以幫助我們更精確地選擇頁面上的元素。