CSS 的選擇器種類,都在這裡等你

2021-10-07 21:59:28 字數 620 閱讀 6417

派生選擇器(用 html 標籤申明)

id 選擇器(用 dom 的 id 申明)

類選擇器(用乙個樣式類名申明)

屬性選擇器(用 dom 的屬性申明,屬於 css2,ie6 不支援,不常用,不知道就算了) 除了前 3 種基本選擇器,還有一些擴充套件選擇器,包括

後代選擇器(利用空格間隔,比如 div .a)

群組選擇器(利用逗號間隔,比如 p,div,#a)

那麼問題來了,css 選擇器的優先順序是怎麼樣定義的?

基本原則:

一般而言,選擇器越特殊,它的優先順序越高。也就是選擇器指向的越準確,它的優先順序就越 高。

複雜的計算方法:

用 1 表示派生選擇器的優先順序

用 10 表示類選擇器的優先順序

用 100 標示 id 選擇器的優先順序

div.test1 .span var 優先順序 1+10 +10 +1

span#*** .songs li 優先順序 1+100 + 10 + 1

#*** li 優先順序 100 +1

那麼問題來了,看下列**,

標籤內的文字是什麼顏色的?

123

答案:red。與樣式定義在檔案中的先後順序有關,即是後面的覆蓋前面的,與在

各種線 你想知道的都在這裡

uart iic spi都是一種具有協議特徵的收發器 介面 匯流排,它規定資料按照什麼的時序傳輸,rs232,rs485是傳輸時候的電平標準,規定了按照上述協議傳輸的高電平與低電平的電壓都應該是多少 rs232與rs485一般都預設跑的uart協議。以uart協議 時序 通過uart收發器的收發端 ...

Css選擇器的種類

選擇器有 全域性選擇器,組合選擇器,後代選擇器,子元素選擇器,巢狀選擇器,標籤選擇器,類選擇器,id選擇器,偽類選擇器這幾種。全域性選擇器 設定所有標籤使用同一樣式,用表示 全域性選擇器語法 全域性選擇器 設定所有標籤使用同一樣式,用表示 全域性選擇器語法 顯示效果 html 我是段落紅色 css ...

產品經理最好用的工具都在這裡了

一.產品設計 最好用 mockplus 這是個真正有產品思維的原型設計工具,讓你關注設計,而非工具。最重要的是模板豐富,各種終端,元器件肯定夠用,詳情如下 不用再找模板 元器件的原型設計工具 次好用 process on axure就不說了 二.流程圖 最好用 edraw max億圖 無限撤銷和重做...