在CSS中,$符號(hào)代表的是結(jié)尾匹配符(endswith selector)。它用于表示元素屬性的結(jié)尾字符。
/* 匹配所有使用 class 并以 img 結(jié)尾的元素 */ [class$="img"] { /* 這里是元素樣式 */ }
上面是一個(gè)簡(jiǎn)單的例子,在這個(gè)例子中,選擇器[class$="img"]選擇了所有使用 class 并以 img 結(jié)尾的元素。
需要注意的是,$符號(hào)只能用于結(jié)尾部分的匹配,而不能用于開(kāi)頭或中間部分的匹配。
除了$符號(hào),還有其他的符號(hào)用于選擇元素的屬性,比如*(包含對(duì)應(yīng)屬性)、^(以對(duì)應(yīng)屬性開(kāi)頭)、~(包括指定詞匯的屬性)等等。
/* 包含指定字符串的所有元素 */ [class*="test"] { /* 這里是元素樣式 */ } /* 以指定字符串開(kāi)頭的所有元素 */ [class^="test"] { /* 這里是元素樣式 */ } /* 包含指定詞匯的所有元素 */ [class~="test"] { /* 這里是元素樣式 */ }
以上是一些常用的選擇器符號(hào),它們可以更加靈活地選擇對(duì)應(yīng)的元素屬性。學(xué)會(huì)選擇器符號(hào)的使用,可以幫助我們更好地控制網(wǎng)頁(yè)樣式。