css選擇器中優(yōu)先級排序,css樣式表是如何排序?
沒有固定的順序。哪里引用,就用css
css選擇器識別范圍?
css選擇器優(yōu)先級核心:每個選擇器本身有優(yōu)先級,作用范圍越具體優(yōu)先級越高。
CSS優(yōu)先級從高到低分別是:
1.在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫在元素標(biāo)簽上的內(nèi)聯(lián)樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標(biāo)簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當(dāng)CSS樣式的規(guī)則由多個選擇器組成時,id選擇器的權(quán)值為1000,class選擇器為100,標(biāo)簽選擇器為10,按權(quán)值求和的記過高低決定哪個優(yōu)先。當(dāng)兩個css規(guī)則的權(quán)值相同時,誰更具體用誰,也就是權(quán)值高的選擇器作用的越具體優(yōu)先級越高。當(dāng)兩個選擇器規(guī)則和權(quán)值都是一樣,后面樣式會覆蓋前面的!
元素選擇器的權(quán)值規(guī)則是哪些?
1. 內(nèi)聯(lián)樣式表的權(quán)值最高 1000 2. ID 選擇器的權(quán)值為 100 3. Class 類選擇器的權(quán)值為 10 4. HTML 標(biāo)簽選擇器的權(quán)值為 1 CSS 優(yōu)先級法則: A 選擇器都有一個權(quán)值,權(quán)值越大越優(yōu)先 B 當(dāng)權(quán)值相等時,后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置 C 創(chuàng)作者的規(guī)則高于瀏覽者:即網(wǎng)頁編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式 D 繼承的CSS 樣式不如后來指定的CSS 樣式 E 在同一組屬性設(shè)置中標(biāo)有“!important”規(guī)則的優(yōu)先級最大 這是規(guī)定好的,自然不能打破
如何控制css域沖突?
需要控制的模塊id不能重復(fù),class名字是不能重復(fù),矛盾的css樣式不指向同一塊區(qū)域。