CSS之選擇器權重等級(不一樣的權重操作)

2021-10-07 23:06:26 字數 564 閱讀 4607

眾所周知我們的css選擇器權重最高為!important往下依次為:

!important,

行內樣式,

id選擇器,

類,屬性選擇器和偽類選擇器

元素和偽元素

那麼我這裡講一點不一樣的東西。

在某些修改某些元件樣式的時候也都有頭痛過權重等級。(只要不是放在行內或用!imprtant 你的選擇器怎麼放都無法蓋過他們的權重)不得不用上我們不想用的!important.

然我最近發現一些不一樣的東西:

/* 無效 */

.am-list-item .am-list-line .am-list-content

/* 有效 */

.am-list-item .am-list-line div.am-list-content

重點是div.am-list-content在類選擇器之前加了乙個標籤選擇器。這樣權重能蓋過元件的樣式權重又不用用上令人畏懼的important。

emmm以上為個人小發現。具體原理還有待發掘。

CSS之選擇器權重等級(不一樣的權重操作)

眾所周知我們的css選擇器權重最高為 important往下依次為 important,行內樣式,id選擇器,類,屬性選擇器和偽類選擇器 元素和偽元素 那麼我這裡講一點不一樣的東西。在某些修改某些元件樣式的時候也都有頭痛過權重等級。只要不是放在行內或用 imprtant 你的選擇器怎麼放都無法蓋過他...

不一樣又不一樣的 木板接水

空地上豎立著n個從左到右排列的木板,它們可以把水擋住,但溢位最邊上木板的水將會流到空地上。已知木板間距都是單位1,現給定每個木板的高度,請求出總共能接住的水量?說明一點,這裡只考慮間距 寬度 和高度,不考慮第三個維度,因此水量是平方單位。木板高度分別是2,1,3,那麼我們可以接住2 2 4平方單位的...

不一樣的簡潔

less is more是設計領域對現代主義的解讀,主張功能決定形式 forms follow function 廢除一切不必要的裝飾以及重複的資訊,它的基礎就是理性主義。如果它被解讀成 要簡單,清晰,明確 應該說是不夠完全的,因為只看到了表面的 less 卻忽視了實質的 more 少即是多 les...