詳解css選擇器

1、詳解詳解CSSCSS選擇器、優(yōu)先級與匹配原理選擇器、優(yōu)先級與匹配原理2010091615:32polaris1119JavaEye我要評論(7)字號：T|T文章就CSS選擇器的優(yōu)先級問題做了一些總結(jié)，嚴格來講，選擇器的種類可以分為三種：標簽名選擇器、類選擇器和ID選擇器。AD：2013大數(shù)據(jù)全球技術(shù)峰會低價搶票中作為一個Web開發(fā)者，掌握必要的前臺技術(shù)也是很重要的，特別是在遇到一些實際問題的時候。這里給大家列舉一個例子：給一個p標簽增加

2、一個類（class），可是執(zhí)行后該class中的有些屬性并沒有起作用。通過Firebug查看，發(fā)現(xiàn)沒有起作用的屬性被覆蓋了。這個時候突然意識到了CSS選擇器的優(yōu)先級問題，這里就CSS選擇器的優(yōu)先級問題做了一些總結(jié)。51CTO推薦閱讀：巧妙地使用CSS選擇器選擇器種類選擇器種類嚴格來講，選擇器的種類可以分為三種：標簽名選擇器、類選擇器和ID選擇器。而所謂的后代選擇器和群組選擇器只不過是對前三種選擇器的擴展應(yīng)用。而在標簽內(nèi)寫入style=“

3、“的方式，應(yīng)該是CSS的一種引入方式，而不是選擇器，因為根本就沒有用到選擇器。而一般人們將上面這幾種方式結(jié)合在一起，所以就有了5種或6種選擇器了。三種基本的選擇器類型三種基本的選擇器類型語法如下：◆標簽名選擇器，如：p，即直接使用HTML標簽作為選擇器?！纛愡x擇器，如.polaris。◆ID選擇器，如#polaris。注意，ID選擇器跟類選擇器有很大的不同：一個頁面內(nèi)不能出現(xiàn)相同的ID；再就是ID也是后臺開發(fā)人員會經(jīng)常用的，所以前端開發(fā)

4、人員應(yīng)該盡量少的使用。當然跟后臺人員的工作配合十分嫻熟之后，這些都不會成為限制。擴展選擇器擴展選擇器◆后代選擇器，如.polarisspanimg，后代選賊器實際上是使用多個選擇器加上中間的空格來找到具體的要控制標簽。1、最常用的選擇器是類選擇器。2、li、td、dd等經(jīng)常大量連續(xù)出現(xiàn)，并且樣式相同或者相類似的標簽，我們采用類選擇器跟標簽名選擇器結(jié)合的后代選擇器.xxlitddd的方式選擇。3、極少的情況下會用ID選擇器，當然很多前端開

5、發(fā)人員喜歡header，footer，banner，conntent設(shè)置成ID選擇器的，因為相同的樣式在一個頁面里不可能有第二次。在這里不得不提使用在標簽內(nèi)引入CSS的方式來寫CSS，即：??polaris這時候的優(yōu)先級是最高的。我們給它的優(yōu)先級是1000，這種寫法不推薦使用，特別是對新手來說。這也完全違背了內(nèi)容和顯示分離的思想。DIVCSS的優(yōu)點也不能再有任何體現(xiàn)。后代選擇器的定位原則后代選擇器的定位原則在這里介紹一下對于后代選擇器，

6、瀏覽器是如何查找元素的呢？瀏覽器CSS匹配不是從左到右進行查找，而是從右到左進行查找。比如DIV#divBoxpspan.redcol:red，瀏覽器的查找順序如下：先查找html中所有class=red的span元素，找到后，再查找其父輩元素中是否有p元素，再判斷p的父元素中是否有id為divBox的div元素，如果都存在則匹配上。瀏覽器從右到左進行查找的好處是為了盡早過濾掉一些無關(guān)的樣式規(guī)則和元素。比如如下html和css:????