屬性選擇器
屬性選擇器主要的形式，都在上面的**裡。
屬性選擇器，就是標籤選擇器後面，緊跟乙個方括號，方括號裡面是這個標籤的屬性。
屬性選擇器從ie9開始相容，所以屬性選擇器一般用的不多。
接下來，我在vscode和瀏覽器中演示一下。我建立乙個新的檔案叫"屬性選擇器.html"，在vscode中**如下：
img[alt]，就是選擇屬性是alt的img標籤，這裡給它的寬度是300px。
因為所有的img標籤，我都新增了alt屬性，所以所有的都是300畫素的寬度。
img[alt^="電動汽車"]，就是選擇屬性是alt的img標籤，屬性值以"電動汽車"開頭的標籤，只有蔚來汽車，alt的屬性值是以"電動汽車"開頭，所以蔚來汽車這張的邊框是紅色。
css屬性border: 8px solid red;表示設定邊框，第乙個值表示邊框的寬度，單位是畫素，這裡是8畫素，第二個值是表示邊框的形式，是實線還是虛線，solid是實線的意思，第三個值表示邊框的顏色，這裡是red，就是紅色。
img[alt$="特斯拉"]，就是選擇屬性是alt的img標籤，屬性值以"特斯拉"結尾的標籤，所以特斯拉汽車這張的邊框是藍色。
img[alt*="動力"]，就是選擇屬性是alt的img標籤，屬性值中包含有"動力"兩個字的標籤，所以選擇的就是比亞迪漢，這張的邊框設定成了綠色。
img[alt|="新能源汽車"]，就是選擇屬性是alt的img標籤，屬性值以"新能源汽車-"開頭的標籤，所以選擇的就是小鵬汽車，這張的邊框設定成了橙色。
img[alt~="理想汽車"]，
就是選擇屬性是alt的img標籤，屬性值中"理想汽車"，"理想汽車"這幾個字前面有個空格的標籤，所以選擇的就是理想汽車這張，這張的邊框設定成了黑色。
關於屬性選擇器，請自己動手驗證，這樣才能加深理解。
CSS選擇器 屬性選擇器
最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...
屬性選擇器
一 屬性選擇器 id user 匹配屬性開頭 user id list 匹配屬性結尾 list id id 萬用字元 選擇屬性中任意位置包含指定字元的元素 id id 以id開頭或等於id值的元素 二 位置選擇器 li even 匹配集合中的偶數元素 li odd 匹配集合中的奇數元素 li fir...
屬性選擇器
屬性選擇器 屬性選擇器 功能描述 e attr 選擇匹配具有屬性attr的e元素 e attr val 選擇匹配具有屬性attr的e元素,並且屬性值為val 其中val區分大小寫 e attr val 選擇匹配元素e，且e元素定義了屬性attr，其屬性值是以val開頭的任意字串 e attr val...