css3選擇器 nth of type的測試

2021-07-16 12:58:42 字數 427 閱讀 1686

css3 對選擇器提出了很多新的用法,實際的應用更加靈活!這裡主要記錄nth-of-type選擇器的用法。

nth-of-type選擇器

this is the first paragraph

this is the second paragraph

this is the third paragraph

→nth-of-type選擇器的索引起始值是數值1,而不是零

conclusion:nth-of-type(n)選擇器匹配型別中的第n個同級兄弟元素,n可以是乙個數字,乙個關鍵字或者乙個公式。

效果圖

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