寫出css基礎選擇器,css選擇器標簽不能嵌套?
css選擇器標簽可以嵌套,比如可以在類選擇器里面選擇id的元素,這樣就是選擇器的嵌套。
CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;
css層次選擇器有哪些?
選擇器body > div 只操作body下級的div。div1 + div2 只選擇div1 同級 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器
css的優先級怎么判斷?
css選擇器優先級怎么比較CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上,CSS選擇器如果細分下來,竟然多達40多種。那他們的優先級該怎么比較呢,下面就來看看吧。
● 不同級別
1. 在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。
2. 作為style屬性寫在元素內的樣式
3. id選擇器
4. 類選擇器
5. 元素選擇器
6. 通配符選擇器
7. 瀏覽器自定義或繼承
總結排序:!important > 行內樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性
● 同一級別
(1) 同一級別中后寫的會覆蓋先寫的樣式
(2) 同一級別css引入方式不同,優先級不同
總結排序:內聯(行內)樣式 > 內部樣式表 > 外部樣式表 > 導入樣式(@import)。
對于選擇器優先級,還可以通過計算權重值來比較