CSS3 0 選擇器和一些屬性

2021-09-30 13:23:16 字數 917 閱讀 2777

p:lang(it)    選擇帶有以 "it" 開頭的 lang 屬性值的每個 元素。

p~ul       選擇前面有 元素的每個 元素。

a[src^="https"]           選擇其 src 屬性值以 "https" 開頭的每個 元素。

a[src$=".pdf"]    選擇其 src 屬性以 ".pdf" 結尾的所有 元素。

a[src*="abc"]   選擇其 src 屬性中包含 "abc" 子串的每個 元素。

p:first-of-type    選擇屬於其父元素的首個 元素的每個 元素。

p:last-of-type    選擇屬於其父元素的最後 元素的每個 元素。

p:only-of-type 選擇屬於其父元素唯一的 元素的每個 元素。

p:only-child   選擇屬於其父元素的唯一子元素的每個 元素。

p:nth-child(2)   選擇屬於其父元素的第二個子元素的每個 元素。

p:nth-last-child(2) 選擇屬於其父元素倒數第二個 元素的每個 元素。

p:last-child  選擇屬於其父元素最後乙個子元素每個 元素。

:root  選擇文件的根元素。

p:empty  選擇沒有子元素的每個 元素(包括文字節點)。

#news:target 選擇當前活動的 #news 元素。

input:enabled  選擇每個啟用的 元素。

input:disabled  選擇每個禁用的 元素

input:checked 選擇每個被選中的 元素。

:not(p)  選擇非 元素的每個元素。

::selection 選擇被使用者選取的元素部分。

border-radius  設定所有四個 border的屬性

box-shadow  向方框新增乙個或多個陰影。

Css3 0的一些體會

attr 標籤屬性 a元素屬性以什麼開頭 a att a元素屬性以什麼結尾 a att a元素屬性以中的匹配的 a att root選擇器等同於 html標籤 not input not attr empty p empty id target id brand span css brand tar...

CSS選擇器和CSS屬性

css選擇器 class選擇器 通過類名選擇html元素。id選擇器 通過id選擇html元素。標籤選擇器 通過html標籤名稱選擇html元素。偽類選擇器 通過狀態過濾元素並選擇指定元素。偽元素選擇器 為選中的元素新增虛擬內容。萬用字元選擇器 選擇所有的html元素。css屬性 設定元素位置的屬性...

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...