css3新增選擇器

e[att^=「val」]：匹配屬性值「val」以指定開頭的每個元素

e[att$=「val」]：匹配屬性值「val」以指定結尾的每個元素

e[att*=「val」]：匹配屬性值「val」中包含指定值的每個元素

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
divdiv[
class
^='a'
]        div[
class$=
'b']
div[
class
*='bb'
]<
/style>
<
/head>
="abc"
>
<
/div>
="acb"
>
<
/div>
="cab"
>
<
/div>
="bbc"
>
<
/div>
="bbb"
>
<
/div>
<
/body>
<
/html>效果如下圖
偽類選擇器
注：當父元素中子元素有多種元素時，不宜用
e:first-child ：匹配e的父元素中必須是第乙個子元素的e （當e不是父元素的第乙個子元素時，無效，以下兩個同理）
e:last-child ：匹配e的父元素中必須是最後乙個子元素e
e:only-child ：匹配e的父元素中必須是唯一乙個子元素e
div:first-child
div:last-child
/* span標籤在div裡面 */
e:first-of-type ：匹配e的父元素中子元素e的第乙個
e:last-of-type ：匹配e的父元素中子元素e的最後乙個
e:only-of-type ：匹配e的父元素中子元素e的唯一乙個
e:not(s) ：匹配s選擇器之外的元素
注：當父元素中子元素有多種元素時，不宜用
e:nth-child(n) ：匹配父元素中必須是第n個的子元素e，n也可以換成odd, even來實現奇偶。（當e不是父元素的第n個子元素時，無效，以下同理）
e:nth-last-child(n) :匹配父元素中必須是倒數第n個的子元素e
注：以上選擇符允許使用乙個乘法因子(n)來作為換算方式，比如我們想選中所有的偶數子元素e，那麼選擇符可以寫成：e:nth-child(2n) 或者 e:nth-child(2n+1)
div:nth-child(2)

/* 本應該匹配div的1 3 5 ,但是第5個是a標籤,所以無效 */
e:nth-of-type(n) ：匹配父元素中子元素e的第n個
e:nth-last-of-type(n) ：匹配父元素中子元素e的倒數第n個
注：以上選擇符允許使用乙個乘法因子(n)來作為換算方式，比如我們想選中所有的偶數子元素e，那麼選擇符可以寫成：e:nth-of-type(2n) 或者 e:nth-of-type(2n+1)
e:empty：匹配沒有任何子元素（包括text節點）的元素e。
e:checked ：匹配使用者介面上處於選中狀態的元素e。
e:enabled：匹配使用者介面上處於可用狀態的元素e。
e:disabled：匹配使用者介面上處於禁用狀態的元素e。
e::after：設定在物件後（依據物件樹的邏輯結構）發生的內容。用來和content屬性一起使用，並且必須定義content屬性
e::before：設定在物件前（依據物件樹的邏輯結構）發生的內容。用來和content屬性一起使用，並且必須定義content屬性
e::selection：設定物件被選擇時的樣式。（::after和::before新增的無效果）
span::after

span::before
span::selection
「:」 與 「::」 區別在於區分偽類和偽元素

偽元素:before和:after新增的內容預設是inline元素**；這個兩個偽元素的content屬性，表示偽元素的內容,設定:before和:after時必須設定其content屬性，否則偽元素就不起作用。
				
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...