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

2021-08-01 09:06:05 字數 1061 閱讀 5055

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

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

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

css中,區別 1 是使用class引用的,多個控制元件可以同時使用一個class,一個控制元件上也可以使用多個class,比如 tdred tdbkblue 而id是在一個頁面中唯一的,class表示泛性的,id表示個性的,所有的按鈕都是一個顏色的,normalbutton 對於提交按鈕會要做的大...

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

這是生物學分法,通常 表示男,或者生物學雄性,這個箭頭含有可移動的意思,表示女 雌性 或者生物學母本 男生 生物上特指父本 女生 生物上特指母本 戰神的矛盾,指男性,愛神的鏡子,指女性。望採納 男生和女生的意思啊!表示 女 表示 男 男女符號 的來歷 第一種說法 因為愛神丘位元的弓箭袋狀如 女神維納...

ip地址衝突怎麼解決,IP地址衝突是怎麼回事?

方法如下 1 接到衝突報告後,我們首先確定衝突發生的vlan。通過ip規劃的vlan定義,和衝突的ip地址,找到衝突地址所在的網段。這對成功地找到網絡卡mac地址很要害,因為有些網路命令不能跨網段存取 2 首先將客戶機與網路隔離,讓非法的ip地址的微機在網上執行,網管員便可以設法找到它了。應用網路測...