目錄
0.簡述屬性選擇器
1.[href="url"] 設定頁面上所有包含href屬性並且屬性值為的a元素
2.[class~="..."] 設定頁面上所有含有class屬性並且屬性值的詞列表的某個詞等於baidu的div元素
3.[class^="..."] 設定頁面上所有含有class屬性並且屬性值中以baidu開頭的div元素
4.[class$="..."] 設定頁面上所有含有class屬性並且以baidu結尾的div的元素
5.[class*="..."] 設定頁面上所有含有class屬性並且屬性中包含baidu的div元素
6.[class|="..."] 設定頁面上所有含有class屬性並且屬性值等於baidu或者以baidu開頭的div元素
測試題測試題答案
屬性選擇器：檢索html頁面中符合所設定的屬性條件的元素。
通過 [ ] 設定被選元素的屬性條件。
下面舉個例子：
1./*功能：選擇html頁面中所有包含了alt屬性的img元素，並為其設定css樣式*/
img[alt]
img:元素
alt :對應屬性
width、color: 屬性
80px 、red: 屬性值
2./***設定頁面上所有含有id屬性的div元素***/
div[id]
3./***設定頁面上所有同時含有class和id屬性的div元素***/
a[class][id]
and so on.
a[href="www.baidu.com"]div[class~="baidu"]div[class^="baidu"]div[class$="baidu"]div[class*="baidu"]div[class|="baidu"]題目描述：請在下列**的基礎上，通過增加相應**，實現要求功能
首先，為類名為title的元素設定樣式color:red。
其次，為id名為description的元素設定樣式color:blue。
最後，為a元素設定樣式color:green。
沒有什麼bug是搞不定的。如果有！那只是因為還沒刪乾淨~
沒有什麼bug是搞不定的。如果有！那只是因為還沒刪乾淨~
CSS選擇器 屬性選擇器
最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...
CSS高階選擇器
css高階選擇器 例子 並集選擇器 p,h1 p和h1 標籤文字變紅色 交集選擇器 標籤選擇器 id 選擇器或者標籤選擇器 類選擇器 p.class1 類名為 class1 的p 標籤樣式中文字為黃色，當不同標籤使用相同類名時 後代選擇器 巢狀標籤 p span 注意兩者標籤中有空格的 this i...
css高階選擇器
css3高階選擇器 偽類選擇器 p first of type 匹配同型別中的第乙個同級兄弟元素p p last of type 匹配同型別中的最後乙個同級兄弟元素p p first child 匹配父元素的第乙個子元素p。p last child 匹配父元素的第乙個子元素p。p nth child...