前端面試八股文每日一題——CSS
CSS選擇器及其優(yōu)先級?
答:
????選擇器:
類選擇器(.myclass)
屬性選擇器(a[rel="external"])
偽類選擇器(a:hover, li:nth-child)
標(biāo)簽選擇(div, h1,p)
相鄰選擇器(h1 + p)
子選擇器(ul > li)
后代選擇器(li a)
????優(yōu)先級:
!important
內(nèi)聯(lián)樣式(1000)
ID選擇器(0100)
類選擇器 / 屬性選擇器 / 偽類選擇器(0010)
元素選擇器 / 偽元素選擇器(0001)
關(guān)系選擇器 / 通配符選擇器(0000)
????帶!important 標(biāo)記的樣式屬性優(yōu)先級最高。
????樣式表的來源相同時:
!important > 行內(nèi)樣式 > ID選擇器 > 類選擇器 > 標(biāo)簽 > 通配符 > 繼承 > 瀏覽器默認(rèn)屬性。
標(biāo)簽: