CSS3新增選擇器

1、e:nth-child(n)：匹配元素型別為e且是父元素的第n個子元素

type

="text/css"
>
.list div:nth-child(2)
style
>
......
class
="list"
>
>
1h2>
>
2div
>
>
3div
>
>
4div
>
>
5div
>
div>

3、e:last-child：匹配元素型別為e且是父元素的最後乙個子元素

4、e > f e元素下面第一層子集

5、e ~ f e元素後面的兄弟元素

6、e + f 緊挨著的後面的兄弟元素

屬性選擇器：

1、e[attr] 含有attr屬性的元素

type

="text/css"
>
div[data-attr='ok']
style
>
......
data-attr
="ok"
>
這是乙個div元素div
>

3、e[attr^=『ok』] 含有attr屬性的元素且它的值的開頭含有「ok」

4、e[attr$=『ok』] 含有attr屬性的元素且它的值的結尾含有「ok」

5、e[attr*=『ok』] 含有attr屬性的元素且它的值中含有「ok」

CSS3 新增選擇器

新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...

css3新增選擇器

1.屬性選擇器 1 e att 元素 屬性 選擇具有att屬性的e元素，需要選擇有某個屬性的元素，而不論是行為是什麼，可以使用簡單的屬性選擇器 注 可以根據多個屬性進行選擇，只需要將屬性選擇器連線即可。2 e att val 元素 屬性 屬性值 選擇具有att屬性且屬性值為val的e元素，進一步縮小...

css3新增選擇器

屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性，並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性，並且值當中只要包含完整的value單詞，就會被選擇 4.dom attr value 帶有att...