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 指定屬性名,具...