css命令在讀取時是按照其優先順序的高低的先後順序來解讀的,當優先順序相同時是按照其css命令寫的先後順序來讀取的,即後面的css覆蓋(前後css屬性設定不同時)或繼承(前後css屬性設定相同或後面未設定該css屬性時)前面的css命令。下面對html中類選擇器、id選擇器、後代選擇器、群組選擇器等,以及選擇器的優先順序的計算總結一下。
1、標籤名選擇器
css:
div
span
2、類選擇器
html:
類選擇器
css:
.test
3、id選擇器
html:
id選擇器
css:
#test
4、直接在標籤中加入style
html:
標籤中直接加入style
選擇器的優先順序的計算:
直接加入style的優先順序最高相當於數學計算的千位,用a表示;id選擇器的優先順序次之,用b表示;class類選擇器的優先順序次之,用c表示;標籤名選擇器的優先順序次之,用d表示。
優先順序的計算公式為:優先順序=a*1000+b*100+c*10+d.
CSS選擇器及優先順序
css優先順序的計算公式 通常我們可以將css的優先順序由高到低分為六組 無條件優先的屬性只需要在屬性後面使用 important 它會覆蓋頁面內任何位置定義的元素樣式。當然,ie 6不支援這個屬性,於是它也成為一種hack被很多人所熟知,真正使命被人淡忘。第二高位的優先屬性是在html中給元素標籤...
CSS選擇器及優先順序
css選擇器 css選擇器優先順序 解釋 對一種有標識的內容進行樣式變化 標籤選擇器 對應的標籤檔案所有對應的標籤都會被選擇修飾 選擇器名 標籤 類選擇器 標籤內的屬性 class 值 選擇器名 class 顧名思義,是一類的內容使用同一種樣式 id選擇器 標籤內的屬性 id 值 選擇器名 id i...
css選擇器及優先順序
後代選擇器 div p 選擇div元素裡面的所有p元素 子選擇器 div p 選擇父元素為div的所有p元素 同胞選擇器 div p 選擇所有緊跟在div之後的p元素 組選擇器 div,p 選擇所有的div和p元素 共同選擇器 div.name 選擇所有類名為name的div元素。即同時滿足 此外還...