CSS選擇器是CSS的一種基礎概念，它可以讓我們根據不同的條件來選擇不同的元素，從而對這些元素進行樣式的設置。在CSS中，選擇器是用來選擇HTML或者XML文檔中需要應用樣式的部分，它有很多種不同的形式，比如以什么結尾的選擇器，下面我們來一一介紹。

p[class$="test"]

以什么結尾的選擇器“$=”表示選擇器的屬性值以指定的字符串結尾。比如我們可以使用“p[class$='test']”這個選擇器，選中所有class屬性以"test"結尾的段落元素。舉個例子：

<style type="text/css">
p[class$="test"] {
color: red;
}
</style>
<p class="mytest">Hello World</p>
<p class="yourtest">你好世界</p>
<p class="test">Hi World</p>
<p class="realtest">哈嘍世界</p>

在上面的例子中，選擇器選中class屬性以"test"結尾的段落元素，并將它們的文本顏色設置為紅色。所以只有第三個段落元素（class為test的段落）的文本顏色會被設置為紅色，其他的段落元素將不會受到影響。

img[src$=".jpg"]

考慮到現代網站中圖片數量巨大，為不同類型的圖片設置不同的樣式是非常常見的需求。以什么結尾的選擇器使我們可以選擇在src屬性以指定字符串結尾的圖片元素。比如：

<style type="text/css">
img[src$=".jpg"] {
border: solid 1px blue;
}
</style>
<img src="test.jpg">
<img src="img.jpg">
<img src="12345.jpg">
<img src="sample.png">

上面的例子中，可選中所有src屬性以".jpg"結尾的img元素，并將它們的邊框顏色設置為藍色。

以什么結尾的選擇器是CSS選擇器中的一種非常有用的形式，它可以幫助我們針對不同的HTML元素應用不同的CSS樣式。希望這篇文章能對你以后的CSS應用有所幫助。