1、 css選擇器有哪些優(yōu)先級(jí)是怎么樣的,css選擇器識(shí)別范圍?
css選擇器優(yōu)先級(jí)核心:每個(gè)選擇器本身有優(yōu)先級(jí),作用范圍越具體優(yōu)先級(jí)越高。
CSS優(yōu)先級(jí)從高到低分別是:
1.在屬性后面使用 !important 會(huì)覆蓋頁面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫在元素標(biāo)簽上的內(nèi)聯(lián)樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標(biāo)簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當(dāng)CSS樣式的規(guī)則由多個(gè)選擇器組成時(shí),id選擇器的權(quán)值為1000,class選擇器為100,標(biāo)簽選擇器為10,按權(quán)值求和的記過高低決定哪個(gè)優(yōu)先。當(dāng)兩個(gè)css規(guī)則的權(quán)值相同時(shí),誰更具體用誰,也就是權(quán)值高的選擇器作用的越具體優(yōu)先級(jí)越高。當(dāng)兩個(gè)選擇器規(guī)則和權(quán)值都是一樣,后面樣式會(huì)覆蓋前面的!
2、 css被固定了的如何設(shè)置優(yōu)先級(jí)?
優(yōu)先級(jí):內(nèi)聯(lián)式 > 嵌入式 > 外部式
對(duì)于同一個(gè)元素我們同時(shí)用了三種方法設(shè)置css樣式,那么哪種方法真正有效呢?在下面代碼中就出現(xiàn)了這種情況
1、使用內(nèi)聯(lián)式CSS設(shè)置“超酷的互聯(lián)網(wǎng)”文字為粉色。
2、然后使用嵌入式CSS來設(shè)置文字為紅色。
3、最后又使用外部式設(shè)置文字為藍(lán)色(style.css文件中設(shè)置)。
3、 css優(yōu)先級(jí)覆蓋代碼?
行內(nèi)樣式優(yōu)先級(jí)最高,接著是內(nèi)聯(lián)樣式,最后是外聯(lián)樣式。
4、 css選擇器包括class選擇器嗎?
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標(biāo)簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級(jí)選擇器
1.css標(biāo)簽選擇器
css標(biāo)簽選擇器其實(shí)就是頁面上的所有類型的標(biāo)簽,我們對(duì)經(jīng)常描述稱為共性,對(duì)無法描述的稱為個(gè)性。我們?cè)陧撁嫔峡吹絠nput,div和ul都有可能是選擇器,無論這個(gè)標(biāo)簽藏得多深,都可能被選擇上,并且選擇的是所有標(biāo)簽,并不是單單指一個(gè)。
2.cssID選擇器
css中我們使用#來對(duì)名字進(jìn)行自定義,#是指對(duì)一個(gè)特殊的標(biāo)簽來使用,并且只能用一次,在任何html標(biāo)簽中,都可以有id屬性,但是前提要按照字母開頭,更不能用字母去開頭,或者和標(biāo)簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來表示,我們使用類來表示,其實(shí)就是比較靈活。class和id是十分相似的,并且同一個(gè)標(biāo)簽可以使用很多個(gè)類選擇器,也可以多種標(biāo)簽使用。
4.css的通配符,可以替換任何標(biāo)簽,目前有些瀏覽器是不支持使用。