1.屬性選擇器的取值是以什麼開頭的
[attirbute|=value] css2
[attribute^=value] css3
|怎麼輸出呢？按住shift鍵，再按住回車上面的鍵子
^怎麼輸出呢？按住shift鍵，再按住數字6的鍵子
先找到所有的img標籤，再找到img標籤中有alt屬性，並且alt屬性是以abc開頭的，於是就找到了前面三個，它就會將文字顏色改為紅色了
如果我們用css2的方式來寫呢？
我們發現只顯示第二條為紅色，因為css2只能找到你指定的值，並且這個值與後面是以橫線隔開的，那種連在一起的，如abcdef，它找不到，與其它有空格隔開的，它也找不到，而css的這種，無論你是否連線在一起，還是隔開的它都能找到。
兩者之間的區別：
css2中只能找到value開頭，並且value是被-和其它內容隔開的
css3中的只要是以value開頭的都可以找到，無論有沒有被-隔開
2.屬性的取值是以什麼結尾的
[attribute$=value] css3
$怎麼打出來：按住shift鍵不放，再按數字4鍵
由於是css3，無論你有沒有被隔開都可以被選中
3.屬性的取值是否包含某個特定的值
用瀏覽器開啟後我們發現，除了最後乙個，其餘全部都變成了紅色，無論abc在中間空，開頭還是結尾，只要有abc都可以被選中
而如果用css2的方法，我們會發現只有www abc mmm變紅了，而其它的都沒有改變顏色
兩者之間的區別：
css2中只能找到獨立的單詞，也就是包含value，並且value是被空格隔開的
css3中的只要包含value就可以找到
我們這節課只要掌握css部分的只是，其它的了解即可。
課時74 交集選擇器（理解）
1.什麼是交集選擇器？我們首先了解一下什麼是交集 以前學數學的時候學過交集，其實這裡也是一樣 兩個集合有重複的部分就叫做交集 作用 給所有選擇器選中的標籤中，相交的那部分標籤設定屬性 格式 選擇器1選擇器2 屬性 值 注意點 1.選擇器和選擇器之間沒有任何連線符號 來看乙個案例 先找到p標籤，再找到...
課時78 序選擇器下（掌握）
nth child odd 選中同級別中的所有奇數 nth child even 選中同級別中的所有偶數 nth of type odd 選中同級別中的所有奇數 nth of type even 選中同級別中的所有偶數 如果從中還有一些其它的標籤，我們可以用這個選擇器 nth child xn y ...
CSS選擇器 屬性選擇器
最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...