※ ;選擇所有元素
div,p ; 選擇所有div元素和p元素
div p ;選擇div內部所有p元素
div>p;選擇父元素為div的所有p元素
div+p;選擇緊接在div元素之后的所有p元素
[target];選擇帶有target屬性的所有元素
[target=_blank];選擇target=_blank的所有元素
[title~=flower];選擇title屬性包含單詞"flower"的所有元素
[lang|=en];選擇lang屬性以"en開頭的所有元素"
a:link ;選擇所有未被訪問的鏈接
a:visited ;選擇所有已被訪問的鏈接
a:active ;選擇活動鏈接
a:hover ;選擇滑鼠指標位于其上的鏈接
input:focus ;選擇獲取焦點的input元素
li:first-child ;選擇串列中第一個li元素
p:before; 在每個p元素內容之前插入內容
p:after; 在每個p元素內容之后插入內容
p~ul; 選擇前面有p元素的每個ul元素
a[src^="https"];選擇其src屬性以https開頭的每個a元素
a[src$=".pdf"];以pdf結尾的
a[src*="adc"];包含adc字串
p:first-of-type;指定父元素首個p元素
p:last-of-type;指定父元素的最后一個p元素
p:only-of-type;選擇屬于其父元素唯一的p元素的每個p元素
p:nth-child(2); 選擇屬于其父元素第二個子元素的p元素(如果第二個元素不是p就不顯示)
p:nth-last-child(2); 同上從最后一個元素開始
p:nth-of-type;選擇其父元素中第二個p元素的每個p元素 nth-last-of-type 從最后一個數
p:last-child;選擇屬于其父元素最后一個元素的p元素
:root;選擇檔案根元素
p:empty; 選擇沒有子元素的p元素（包括文本節點）
#news:target;選擇當前活動的#news元素
input:enablt;選擇每個啟動的input元素
input:disabled 禁用的input
:not(p)選擇非p元素的每個元素
::selection選擇被用戶選取的元素部分
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/79749.html
標籤：Html/Css
上一篇：sass實作頭條新聞串列頁面