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
微信掃一掃
支付寶掃一掃