html標簽的嵌套規(guī)則有哪些 css有哪幾種選擇符以及css優(yōu)先級規(guī)則?
css有哪幾種選擇符以及css優(yōu)先級規(guī)則?比較多喲,給你說下幾種比較常見的吧:1、優(yōu)先級最高的是內部選擇器,寫在標簽內部,例如<div style="color:red"></div>
css有哪幾種選擇符以及css優(yōu)先級規(guī)則?
比較多喲,給你說下幾種比較常見的吧:1、優(yōu)先級最高的是內部選擇器,寫在標簽內部,例如<div style="color:red"></div>,這里的color=red是寫在標簽內部的,所以優(yōu)先級最高2、其次是id選擇器例如<div id="d1"></div> <style> #d1{ color:red }</style>,這里面#d1就是id選擇器,用#表示, 標簽里面是id屬性 樣式是#開始3、類選擇器例如<div class="c1"></div> <style> .c1{ color:red }</style>,這里面.c1就是類選擇器,用.表示,標簽里面是class屬性,樣式是 . 開始4、標簽選擇器以標簽名字作為選擇器,這種不常使用例如:<div><div> <p><p>樣式對應:div{ font-size:14px } p{font-size:20px}由標簽選擇器,類選擇器,id選擇器,還可以延伸出很多選擇器,詳細的可查詢w3c喲
css樣式中有什么標簽選擇器?
CSS選擇器、優(yōu)先級與匹配原理
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) 其中ID選擇器的效率是最高,而偽類選擇器的效率則是最低 CSS的權重 1. 通配選擇符的權值 0,0,0,0
2. 標簽的權值為 0,0,0,1
3. 類的權值為 0,0,1,0
4. 屬性選擇的權值為 0,0,1,0
5. 偽類選擇的權值為 0,0,1,0
6. 偽對象選擇的權值為 0,0,0,1
7. ID的權值為 0,1,0,0
8. important的權值為最高 1,0,0,0 使用規(guī)則: 選擇器的權值加到一起,大的優(yōu)先;如果權值相同,后定義的優(yōu)先 。 從上面我們可以得出兩個關鍵的因素: 1. 權值的大小跟選擇器的類型和數量有關 2. 樣式的優(yōu)先級跟樣式的定義順序有關