談?wù)凜SS選擇器優(yōu)先級和!important權(quán)重

來源 |?https://www.html.cn/web/css/19897.html

CSS中的選擇器優(yōu)先級與!important權(quán)重

• .class選擇器要高于標(biāo)簽選擇器。

• #id選擇器要高于.class選擇器。

• 標(biāo)簽選擇器是優(yōu)先級最低的選擇器。

• !important的屬性它的權(quán)重值優(yōu)先級最高的，大于所有的選擇器。

標(biāo)簽選擇器和.class選擇器

讓我們進(jìn)入標(biāo)簽選擇器和.class選擇器誰的優(yōu)先級高實踐，實踐內(nèi)容如：將HTML頁面中的h2標(biāo)簽設(shè)置文本顏色。

代碼塊

                    
    
微笑是最初的信仰

最終效果圖：

.class選擇器和id選擇器

讓我們進(jìn)入.class選擇器和id選擇器誰的優(yōu)先級高實踐，實踐內(nèi)容如：將HTML頁面中的h2標(biāo)簽設(shè)置文本顏色。

代碼塊

                    
   
微笑是最初的信仰

最終效果圖：

!important權(quán)重使用

color: red !important; /*紅色*/

                    
   
微笑是最初的信仰

總結(jié)