css選擇器

  • ID選擇器(#my)
  • 類選擇器(.my)
  • 標(biāo)簽選擇器(div)
  • 通配選擇器(**)
  • 后代選擇器(ul li)
  • 相鄰兄弟選擇器(h1+p)
  • 子元素選擇器(ul>li)
  • 屬性選擇器(a[rel=‘a(chǎn)ny’])
  • 偽類選擇器(a: hover)

樣式繼承

可繼承屬性:font-size, font-family, color

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

優(yōu)先級

優(yōu)先級(就近原則):!important > [ id > class > tag ]
!important 比內(nèi)聯(lián)優(yōu)先級高

優(yōu)先級算法計(jì)算

元素選擇符: 1
class選擇符: 10
id選擇符:100
元素標(biāo)簽內(nèi):1000

  1. !important聲明的樣式優(yōu)先級最高,如果沖突再進(jìn)行計(jì)算。
  2. 如果優(yōu)先級相同,則選擇最后出現(xiàn)的樣式。
  3. 繼承得到的樣式的優(yōu)先級最低。

css3新增偽類

p:first-of-type 選擇屬于其父元素的首個(gè)元素
p:last-of-type 選擇屬于其父元素的最后元素
p:only-of-type 選擇屬于其父元素唯一的元素
p:only-child 選擇屬于其父元素的唯一子元素
p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素
:enabled :disabled 表單控件的禁用狀態(tài)。
:checked 單選框或復(fù)選框被選中

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容