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

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

CSS3的三種屬性選擇器介紹

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

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

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

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


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





猜你喜歡:

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

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

H5+CSS3教程視頻

Web前端培訓:如何使用CSS3實現(xiàn)瀑布流效果?

傳智教育web前端培訓

0 分享到:
和我們在線交談!