首先上圖
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 樣式規則選擇器
主要有三種 html選擇器 class選擇器 id選擇器 1.html選擇器 1 2 3 type text css 4 p 8 style 9 head 10 11 12 p 這裡應用樣式表 p 13 body 14 html 也就是說選擇器是html標籤 2.class選擇器 1 2 head ...
css樣式 選擇器規則
css 頁面樣式,美化頁面 css樣式的三個規則 1內聯式 直接寫在html標籤中直接對html標籤使用 style屬性 語法 style 樣式 值 樣式 值 優點 操控精準 缺點 不靈活,2嵌入式 在標籤內給標籤css樣式 在head標籤內 優點 精簡 缺點 控制不靈活 紅色是固定的寫法 link...
CSS選擇器的常用規則
color darkred b size large css選擇器的常用規則 size b color size medium b 1 組規則 b size 語法 選擇符1,選擇符2,選擇符n 示例 定義h1的格式 h1 size medium b 2 繼承規則 b size 當對乙個html標籤定...