怎麼解決兩個css定義衝突,怎麼解決兩個CSS定義衝突?

2021-08-01 09:04:48 字數 1061 閱讀 2261

1樓:一襲青衣渡眾生

這個很簡單,最常用的就是選擇器優先順序了;

id 優先順序最高100,不建議使用,前端開發儘量避免使用id;

class名優先順序 10;

標籤名字優先順序 1;

.class1 .class2 .class3 優先順序是 10+10+10

.class1 img 優先順序是10+1

不用區分全域性還是區域性,按照上面的優先順序順序開始寫**吧

2樓:中國時尚生活館

全域性用class,需要細化的部分加個id。

例如:全域性css部分就可以這樣寫

.one_all

細化css部分就這樣寫:

#one_self

這樣就達到了你的細化要求了。

div的寬度和高度都是200畫素,但是背景色不再是全域性的背景色了,而是特別設定的紅色了。

3樓:蛋哥的龍叔

全域性.class1

區域性.class2

頁面優先使用class2的css屬性

4樓:卷陽炎

將全域性css放第一個

細化放第二個

5樓:

匹配規則越詳細 優先順序越高

6樓:

方法一 細化選擇符

假如全域性是這樣來定義一個元素的樣式的:.abc ,同時這個class為abc的元素是隸屬於某個元素的,比如下面這樣的html**結構

那麼在細化css裡面,只需要在.abc前面加多一個父元素的選擇符就行了:

.container .abc

這樣.container .abc的優先順序就大於了.abc,自然細化css裡面的background設定也就不會被全域性css覆蓋了~~

方法二 提升樣式的優先順序

這種方法個人不太推薦,相對而言會簡單粗暴一些。同樣是上面的例子,在細化css裡面,只要在樣式後面加一個!important,例如這樣:

.abc

這個樣式的優先順序就會預設提升到頂級,全域性樣式就無法影響到它了。

兩個路由器ip衝突,亟待解決,兩個路由器相連線之後IP衝突怎麼解決?

第2個路由器繼續使用路由功能 上級路由器的lan口網線接第2個路由器wan口然後進路由器管理介面,設定型別 自動換取ip開啟dhcp 如果上級路由器的閘道器地址與第2個路由器的閘道器地址相同,要更改網絡卡ip設定為自動獲取 兩個路由器打架了!對於同品牌的路由器出現次數最多!下面我把我知道介紹給你,希...

這兩個符號是什麼意思,css中,「 」和「 」這兩個符號有什麼區別?

和平標誌,即反核戰標誌,是當今世界被廣泛使用的的標誌之一。這個標誌是按照 核裁軍運動 d 領導人bertrand russel的要求,由運動的參與者gerald holtom設計,作為 1958年在英國奧爾德馬斯頓村成立 原子 發展研究中心 的行動委員會的徽章。標誌最初構想是由倫敦皇家藝術學校的設計...

小米熱水壺兩個燈都亮 怎麼解決?

小米電水壺兩個指示燈同時亮,不燒水了,此種情況為加熱管損壞。如果出現這種情況,一般只能更換新的電水壺,原因如下 電水壺底部的電熱管是與壺底釺焊連線的,這種材料是一種鋁合金釺焊料通過高溫焊接在一起的,是不可拆卸的,因此如果是電熱管出現問題就只有將電水壺報廢 更換新的電水壺。但是一般情況下,電熱管很難壞...