教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

CSS3的三種屬性選擇器介紹

更新時間:2021年03月31日10時51分 來源:傳智教育 瀏覽次數(shù):

傳智教育-一樣的教育，不一樣的品質(zhì)
選擇器可以簡化網(wǎng)頁代碼的書寫，讓穩(wěn)當(dāng)?shù)慕Y(jié)構(gòu)更加簡單，在CSS3中常見的屬性選擇器主要包括E[att^=value]、E[att$=value]和E[att*=value]這三種性選擇器，具體如下所示：

1.E[att^=value] 屬性選擇器
E[att^=value] 屬性選擇器是指選擇名稱為E的標(biāo)簽，且該標(biāo)簽定義了att屬性，att屬性值包含前綴為value的子字符串。需要注意的是E是可以省略的，如果省略則表示可以匹配滿足條件的任意標(biāo)簽。例如，div[id^=section]表示匹配包含id屬性，且id屬性值是以“section”字符串開頭的div元素。

2.E[att$=value] 屬性選擇器
E[att$=value] 屬性選擇器是指選擇名稱為E的標(biāo)簽，且該標(biāo)簽定義了att屬性，att屬性值包含后綴為value的子字符串。與E[att^=value]選擇器一樣，E元素可以省略，如果省略則表示可以匹配滿足條件的任意元素。例如，div[id$=section]表示匹配包含id屬性，且id屬性值是以“section”字符串結(jié)尾的div元素。


3.E[att * = value]選擇器
E[att * = value]選擇器用于選擇名稱為E的標(biāo)簽，且該標(biāo)簽定義了att屬性，att屬性值包含value子字符串。該選擇器與前兩個選擇器一樣，E元素也可以省略，如果省略則表示可以匹配滿足條件的任意元素。例如，div[id * = section]表示匹配包含id屬性，且id屬性值包含“section”字符串的div元素。





猜你喜歡：

傳智教育H5教程：HTML5+CSS3視頻教程【百度云盤下載】

CSS3新增了哪些選擇器？如何是使用？

H5+CSS3教程視頻

Web前端培訓(xùn)：如何使用CSS3實(shí)現(xiàn)瀑布流效果?

傳智教育web前端培訓(xùn)

0 分享到：
和我們在線交談！