Css 選擇器 演算法 規則

2021-06-03 05:06:52 字數 690 閱讀 1160

首先上圖

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標籤定...