前端筆記26 CSS屬性選擇器

2021-09-01 06:00:10 字數 317 閱讀 5852

前面分享了子元素選擇器,在這裡給大家分享一下我學習到的屬性選擇器。

屬性選擇器是指選擇具有某些屬性的元素,表現表現的形式有下面的幾種:

name,選擇name有關的元素

name=value,選擇name=value的元素

name^=value,表示選中以value開頭的元素

name$=value,表示選中以value結尾的元素

下面通過**例項來說明:

上面屬性選擇器的4種情況都有些寫出來,需要看某種情況就把其中一種注釋取消掉執行**就可以看到了。

前端學習 Css 屬性選擇器

屬性選擇器 根據元素的屬性選擇指定元素 語法 屬性名 選取含有指定屬性的元素 屬性名 屬性值 選取屬性值等於指定值的元素 屬性名 屬性值 選取屬性值以指定內容開頭的元素 屬性名 屬性值 選取屬性值以指定內容結尾的元素 屬性名 屬性值 選取屬性值中包含指定內容的元素 demo 注 這麼尷尬的詩句肯定不...

前端學習 Css 屬性選擇器

屬性選擇器 根據元素的屬性選擇指定元素 語法 屬性名 選取含有指定屬性的元素 屬性名 屬性值 選取屬性值等於指定值的元素 屬性名 屬性值 選取屬性值以指定內容開頭的元素 屬性名 屬性值 選取屬性值以指定內容結尾的元素 屬性名 屬性值 選取屬性值中包含指定內容的元素 demo 注 這麼尷尬的詩句肯定不...

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...