1、 css選擇器優(yōu)先級怎么計算,css層疊樣式表有哪幾種類型?
CSS層疊樣式表有四種類型?它們的疊層優(yōu)先級關系如下:行內(nèi)樣式:混合在HTML標簽里面,對每個元素單獨定義樣式
頁面的內(nèi)部樣式:在<head>與</head>之間添加樣式(重用性差,容易冗余)鏈接外部樣式:使用Link標簽,只需要把公共的CSS單獨保存為一個文件,其他頁面就可以分別調(diào)用自身的CSS文件,如果要改變網(wǎng)站風格,修改公共的CSS文件就可以了,是開發(fā)常用的HTML+CSS使用方式
導入外部樣式:import方式導入CSS樣式表,和鏈接外部樣式資源類似
四種樣式也有優(yōu)先級,按照就近原則:行內(nèi)樣式 > 頁面內(nèi)部樣式 > 鏈接外部樣式資源 > 導入外部樣式。
2、 css選擇器識別范圍?
css選擇器優(yōu)先級核心:每個選擇器本身有優(yōu)先級,作用范圍越具體優(yōu)先級越高。
CSS優(yōu)先級從高到低分別是:
1.在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫在元素標簽上的內(nèi)聯(lián)樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當CSS樣式的規(guī)則由多個選擇器組成時,id選擇器的權(quán)值為1000,class選擇器為100,標簽選擇器為10,按權(quán)值求和的記過高低決定哪個優(yōu)先。當兩個css規(guī)則的權(quán)值相同時,誰更具體用誰,也就是權(quán)值高的選擇器作用的越具體優(yōu)先級越高。當兩個選擇器規(guī)則和權(quán)值都是一樣,后面樣式會覆蓋前面的!
3、 cos引用到html文檔的三種方式?
內(nèi)聯(lián)式引用,嵌入式引用,外部式引用。
css三種引用優(yōu)先級:內(nèi)聯(lián)式>嵌入式>外部式。
4、 css層次選擇器有哪些?
選擇器body > div 只操作body下級的div。div1 + div2 只選擇div1 同級 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器