CSS3 選擇器(1 X web 前端 複習必備)

2021-10-09 20:31:21 字數 1166 閱讀 4107

選擇器說明

a ~ b

選擇a之後的所有b元素

a + b

選擇a的下乙個元素

選擇器說明

e[attribute ^= value]

獲取指定開頭

e[attribute $= value]

獲取指定結尾

e[attribute *= value]

獲取包含某個值

選擇器說明

:root

選擇文件的根元素

:last-child

該元素是它的父元素的最後乙個子元素

:nth-child(n)

該元素是它的父元素的第n個子元素

:nth-last-child(n)

該元素是它的父元素的倒數第n個子元素

:only-child

該元素是它的父元素的唯一子元素

:first-of-type

該元素是同級同型別元素中第乙個元素

:last-of-type

該元素是同級同型別元素中最後乙個元素

:nth-of-type

該元素是同級同型別元素中第n個元素

:nth-last-of-type(n)

該元素是同級同型別元素中倒數第n個元素

:only-of-type

該元素是同級同型別元素中唯一的元素

:empty

向沒有子元素(包括文字內容)的元素新增樣式

【注意】同級都有「of」

選擇器

說明:enabled

向當前可用狀態的元素新增樣式,通常用於定義表單的樣式或超連結的樣式

:disabled

向當前處於不可用狀態的元素新增樣式,通常用於定義表單的樣式或超連結的樣式

:checked

向當前處於選中狀態的元素新增樣式

:not(selector)

向不是selector元素的元素新增樣式

:target

向正在訪問的錨點目標元素新增樣式

::selection

向使用者當前選取內容所在的元素新增樣式

只可以應用於少數的css屬性:color, background, cursor,和outline。

1 X Web前端題3 技能提公升

請選擇產生粗體字的html標籤 a bold b bb c b d bld 答案 c 通常情況下,乙個url的格式是 a 協議 路徑名稱主機 埠 雜湊標識?搜尋條件 b 協議 主機 埠 雜湊標識 路徑名稱?搜尋條件 c 協議 主機 埠 路徑名稱?搜尋條件 d 協議 主機 埠?搜尋條件 路徑名稱 雜湊...

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...

css3 選擇器 CSS3選擇器詳解

css3在css2基礎上,增強或新增了許多特性,彌補了css2的眾多不足之處,使得web開發變得更為高效和便捷。比如說,同樣是乙個頭像,可能在低版本的瀏覽器中,頭像方的 在高版本的瀏覽器中,頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題,為了避免因相容性帶來的干擾...