css基本選擇符分享,css選擇符有哪些

CSS選擇符有哪些?

1.id選擇器( # myid)

2.選擇器(.myclassname)

3.標籤選擇器(div, h1, p)

4.相鄰選擇器(h1 + p)

5.選擇器(ul > li)

6.後代選擇器(li a)

7.通配符選擇器( *

8.屬性選擇器(a[rel = “external”]

9.偽類選擇器(a:hover, li:nth-child)

哪些屬性可以繼承?

可繼承的樣式: font-size font-family color, ul,li,dl, dd, dt;


哪些屬性可以不可繼承?

不可繼承的樣式:border padding margin width height ;


CSS優先順序演算法如何計算?

優先順序就近原則,同權重情況下樣式定義最近者為準;

載入樣式以最後載入的定位為準;

優先順序為:

同權重: 內聯樣式表(標籤內部)> 嵌入樣式表(當前文件中)> 外部樣式表(外部文件中)

!important > id > class > tag

important 比 內聯優先順序高

權重計算:

第一等級:代表內聯樣式,如style=””,權值為 1000;

第二等級:代表id選擇器,如#content,權值為100;

第三等級:代表類,偽類和屬性選擇器,如.content,權值為10;

第四等級:代表標籤選擇器和偽元素選擇器,如div p,權值為1。

多個選擇器組合一起,那就把它們的權重相加

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/231149.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-10 18:46
下一篇 2024-12-10 18:46

相關推薦

發表回復

登錄後才能評論