CSS3選擇器 一

2022-02-11 10:42:54 字數 765 閱讀 8775

e[att^='val']

選擇屬性值以val開頭的任何字元

e[att$='val']

選擇屬性值以val結尾的任何字元

e[att*='val']

選擇屬性值包含val的任何字元

:root

html層

:not()

同jquery

:empty

選擇沒有任何內容的元素

:target

匹配文件的url的某個標誌的目標元素

:first-child

選擇父元素的第乙個子元素

:last-child

:nth-child(n)

:nth-last-child(n)

從父元素的最後乙個子元素開始計算,屬性同上

:first-of-type:

指定父元素的第乙個x元素

:nth-of-type(n)

選擇父元素中指定的某種子元素型別

:nth-last-of-type(n)

選擇父元素中指定的某種子元素型別,它的起始方向是從最後乙個子元素開始

:first-of-type

選擇是父元素下的某個型別的第乙個子元素

:last-of-type

選擇是父元素下的某個型別的最後乙個子元素

:only-child

選擇器選擇的是只有乙個子元素,而且只有唯一的乙個子元素的元素。

:only-of-type

選擇器選擇的是只有乙個(唯一的)某種子元素。

css3 選擇器 CSS3選擇器

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

css3 選擇器 CSS3選擇器詳解

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

CSS3選擇器 屬性選擇器

指定屬性名,但沒有確定任何屬性值 type text css div div title style div1div title name div2div title age div3div body 指定屬性名,並指定了該屬性的屬性值 其他 與上述相同 div title name 指定屬性名,具...