19、css樣式的優(yōu)先級

1、最近的祖先樣式比其他祖先樣式優(yōu)先級高。

威海網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、成都響應式網(wǎng)站建設公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)于2013年創(chuàng)立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)。

2、"直接樣式"比"祖先樣式"優(yōu)先級高。

首先，我們需要知道有哪些選擇器：

1）ID 選擇器， 如 #id{}

2）類選擇器， 如 .class{}

3）屬性選擇器， 如 a[href="segmentfault.com"]{}

4）偽類選擇器， 如 :hover{}

5）偽元素選擇器， 如 ::before{}

6）標簽選擇器， 如 span{}

7）通配選擇器， 如 *{}

3、內(nèi)聯(lián)樣式 ID 選擇器 類選擇器 = 屬性選擇器 = 偽類選擇器 標簽選擇器 = 偽元素選擇器

4、當一個標簽同時被多個選擇符選中，我們便需要確定這些選擇符的優(yōu)先級。我們有如下規(guī)則：計算選擇符中 ID 選擇器的個數(shù)（a），計算選擇符中類選擇器、屬性選擇器以及偽類選擇器的個數(shù)之和（b），計算選擇符中標簽選擇器和偽元素選擇器的個數(shù)之和（c）。按 a、b、c 的順序依次比較大小，大的則優(yōu)先級高，相等則比較下一個。若最后兩個的選擇符中 a、b、c 都相等，則按照"就近原則"來判斷。

5、屬性后插有?!important?的屬性擁有最高優(yōu)先級。若同時插有?!important，則再利用規(guī)則 3、4 判斷優(yōu)先級。

簡述3種常用的css樣式表及優(yōu)先級順序

css只負責靜態(tài)樣式，無法做任何邏輯運算，如果需要隨機背景，需要js配合使用

//?首先，定義一個數(shù)組，用于存放所有的背景圖片

var?arr?=?new?Array();

//?將所有背景圖放入arr內(nèi)

arr.push('背景圖地址',?'背景圖地址',?'背景圖地址');

//?隨機獲得一個鍵值

var?bg?=?Math.floor((Math.random()?*?arr.length));

//?將背景圖片放入body的css中

$('body').css('background-image',?arr[bg]);

css樣式引入有哪幾種方式,優(yōu)先級是怎么樣的？

按優(yōu)先級：前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。

style= 這樣肯定是最優(yōu)的，但也是最不推薦的。前端標簽直接寫入。

延伸閱讀：讀取優(yōu)先，靈活使用，如大量頁面，每頁面都要設置。工作繁瑣，大量寫入增加代碼量。不利優(yōu)化。

style type="text/css" 這樣屬于第二讀取方式。直接寫在對應的頁面。

延伸閱讀：每頁面都要設置。工作繁瑣，大量寫入增加代碼量。不利優(yōu)化。

link type="text/css" href=" 引用CSS文件 第三級。這全局引入.

延伸閱讀：全局CSS?？梢苑蛛x代碼及外部引入，簡單快捷。也是現(xiàn)在都在用的。