css3中新增的選擇器可以簡便許多樣式。
此次用了屬性選擇器，root,not,empty,target,first-child，last-child,ntn-child(n),ntn-last-child(n),
first-of-type,nth-of-type(n),last-of-type,nth-last-of-type(n),only-child,only-of-type.
原始碼如下
這裡是頁頭
我是第乙個鏈結
我是第二個鏈結
我是第三個鏈結
我是第四個鏈結
測試target而已
這裡是頁尾
效果如下：
還有一些選擇器就不具體的寫了
：enabled
:disabled
:checked
::slelction
:read-only
:read-write
::before ::after
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3之選擇器
這些選擇器還是比較簡單的,就不再此一一舉例樣式了.還有隨著各種瀏覽器的公升級,也不在此討論各種版本的瀏覽器對於屬性樣式的相容和支援問題久了.一 屬性選擇器 attr val 屬性attr是val attr val 屬性attr中包含val attr val 屬性attr中開頭是val attr va...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...