高效的CSS

日期：2013-12-13 來源：攀枝花惠康網絡公司

我們最常用的有四種選擇體例，

button#button{}
#urlBar[type=”text”] { }
div > p > span#demo{}

class軌則拔取，好比
button.toolbarButton { }
.fancyText { }
menuitem > .menu-left[checked=”true”] { }

Tag軌則拔取，好比
td { }
div > p { }
input[type=”checkbox”] { }

使用擔任
注：原文中使用的XUL.對沒接觸過XUL的同窗，可能標簽看起濫暌剮點怪，但不難理解。

統配選擇器，好比
button.toolbarButton { } -> .toolbarButton{}

*
：after
[hidden=”true”]

Id軌則拔取，好比

他們都是年夜最右邊起頭匹配，直到最左邊整個軌則竣事。
這樣就存在一個問題，好比說最右邊的軌則已經能確定你要拔取到元素。
那更多的軌則匹配就造成了機能上的華侈。
好比說div > p > span#demo{}
div > p > span到

惠康網絡，是一家專業從事攀枝花網站建設，攀枝花網站制作，攀枝花網站設計公司，提供網站建設一條龍服務（網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣），惠康網絡立足攀枝花，輻射全中國，攀枝花惠康網絡的客戶已經遍布國內各地大中小城市，我們高效優質的網站建設服務深受用戶好評。