主要的css選擇器有id,class,twww.cppcns.comag,,:,::等,而通常需要對其優先順序進行判斷的有id,class,tag,另外內聯樣式和!important也和css的優先順序有關係。
如果將這五種不同情況的優先順序以數字的形式來表示的話,其對應關係如下:
!important(10000) > 內聯樣式(1000) > id(100) > class(10) > tag(1)
則通常的css優先順序比較可轉化為數值大小的比較,如:#list li和.list .conten程式設計客棧t ul li,其優先順序為gssko:
100+1=101 > 10+10+1+1=22
前者的優先順序大於後者。
原文位址:
本文位址:
CSS樣式優先順序計算方法
一 什麼是css優先順序?所謂css優先順序,即是指css樣式在瀏覽器中被解析的先後順序。當同乙個元素 或內容 被多個css選擇符選中時,就要按照優先權取捨不同的css規則。二 為什麼要研究css優先順序?css優先順序與門戶系統有什麼關係?研究css優先順序的主要目的就是解決多個css選擇符選中同...
CSS優先順序計算
在節點元素上,使用style屬性 通過link引入外部檔案 通過style標籤在頁面內引入 三種引入方式的區別 index.html檔案 body.css檔案 body第一種方式相對後面兩種優先順序高,與引入順序無關 第二種和第三種為平級引入,後引入的樣式覆蓋之前的引入樣式 id class 標籤屬...
css優先順序計算
主要的css選擇器有id,class,tag,等,而通常需要對其優先順序進行判斷的有id,class,tag,另外內聯樣式和 important也和css的優先順序有關係。如果將這五種不同情況的優先順序以數字的形式來表示的話,其對應關係如下 important 10000 內聯樣式 1000 id ...