css選擇器有哪些,選擇器的權重的優先順序

2022-08-24 20:30:08 字數 410 閱讀 3974

選擇器型別

1、id  #id

2、class  .class

3、標籤  p

4、通用  *

5、屬性  [type="text"]

6、偽類  :hover

7、偽元素  ::first-line

8、子選擇器、相鄰選擇器

三、權重計算規則

1. 第一等:代表內聯樣式,如: style=」」,權值為1000。

2. 第二等:代表id選擇器,如:#content,權值為0100。

3. 第三等:代表類,偽類和屬性選擇器,如.content,權值為0010。

4. 第四等:代表型別選擇器和偽元素選擇器,如div p,權值為0001。

5. 萬用字元、子選擇器、相鄰選擇器等的。如*、>、+,權值為0000。

css選擇器 權重

基礎選擇器 一 標籤選擇器 p h1 css不區分大小寫,建議小寫 1 所有的標籤都可以作為標籤選擇器去使用 2 無論這個標籤藏多深,一定能夠被選上 3 選擇頁面所有的,而不是具體某乙個 標籤選擇器,選擇的是頁面上所有這種型別的標籤,所以經常描述 共性 無法描述某乙個元素的 個性 的。二 id選擇器...

CSS選擇器,深入理解CSS選擇器權重

前端工程師經常和選擇器權重打交道,但是部分人還是一知半解,下面咱們一起學習一下吧。類選擇器 active 標籤選擇器 div 屬性選擇器 img alt 通用選擇器 選擇器權重 這裡的 權 和是數學中加權平均數的 權 乙個意思。當同時多個css選擇器語句的目標是同乙個html元素時,選擇器權重就派上...

CSS選擇器和其他選擇器及權重

作用 css選擇器主要用來對網頁中的元素進行設定樣式 css選擇器的規範寫法 標籤名作用 根據元素的class值進行選取元素 語法 classname作用 根據元素的id屬性值選取元素 語法 id作用 可以同時使用多個選擇器,這樣可以選擇同時滿足多個選擇器的元素。語法 選擇器1選擇器2作用 可以同時...