css中關於兩個class一起使用的問題

2022-02-21 12:49:23 字數 3787 閱讀 5244

1樓:本逸春

css覆蓋的順序,不是你寫在 class 中選擇器的順序,而是樣式定義的順序,所以 跟 是一樣的。

參考

2樓:匿名使用者

因為你的style中

.one寫在了.two後面。

你的class中寫了one和two,也就是同時定義了兩種樣式,瀏覽器解析順序是這樣的,先讀取one和two,然後再style中尋找two的樣式,找到了two先執行了紅色(因為你的two寫在前面),然後又找到了one然後就執行one覆蓋了two了。這是你瀏覽器的解釋順序,但是需要注意的是,並不是所有的瀏覽器都是這樣解析的,如果你自己寫一個瀏覽器改變了解析順序,則可能不會是這樣的結果,我們寫css最好不要寫這種容易讓瀏覽器誤解的**,如果不是必須這麼寫,儘量不要,如果非要,最好用js給解析前提前做一個判斷然後指定成唯一的樣式**。避免誤解。

3樓:蘭亭幽草

取決於在這個個優先順序

.one在.two後面啊,

至於這個裡面的class先後順序是無所謂的

4樓:火力全開

.one .two 的css部分 上下寫反了

5樓:

呵呵,你試試看變換style定義中.two和.one的順序看看就明白咯

css 裡一個class跟兩個類名的問題

6樓:匿名使用者

同時使用兩個類

一般只能給一個元素設定一個類(class),但這並不意味著不能用兩個。事實上,你可以這樣:

...同時給p元素兩個類,中間用空格格開,這樣所有text和side兩個類的屬性都會加到p元素上來。如果它們兩個類中的屬性有衝突的話,後設定的起作用,即在css檔案中放在後面的類的屬性起作用。

例如:我們先定義兩個樣式,第一個樣式背景為#666;第二個樣式有10 px的邊框。

.one

.two

在頁面**中,我們可以這樣呼叫

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

7樓:一襲青衣渡眾生

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

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

class名優先順序 10;

標籤名字優先順序 1;

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

.class1 img 優先順序是10+1

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

8樓:中國時尚生活館

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

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

.one_all

細化css部分就這樣寫:

#one_self

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

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

9樓:蛋哥的龍叔

全域性.class1

區域性.class2

頁面優先使用class2的css屬性

10樓:卷陽炎

將全域性css放第一個

細化放第二個

11樓:

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

12樓:

方法一 細化選擇符

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

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

.container .abc

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

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

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

.abc

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

高手請進!關於css中class選擇器使用多種樣式的問題

13樓:匿名使用者

這是class類別選擇器的一種簡單應用,也就是使用style1與style2所有樣式的並集,但是需要注意的是:這個是有順序的,首先載入style1裡面的樣式,然後再載入style2的,如果style1與style2裡面有相同的屬性,但是他們的值不同,比如:style1裡面有color:

red;而style2裡面有color:green;那麼最終的值就是後面的那個color:green;,如果你要使用(

或)這樣的樣子,只需把二者裡面的內容放到一個裡面就行了,順便注意一下前面說到的問題就行了

14樓:匿名使用者

看個例子,你就知道了.

單下劃線

雙下劃線

三下劃線你複製執行下看看。

15樓:匿名使用者

表示同時應用style1 style2,如果你改成了

就只應用了style2了,效果肯定有差別啊

網頁中引用兩個css衝突怎麼辦?

16樓:go陌小潔

方法一 細化選擇符

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

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

.container .abc

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

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

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

.abc

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

方法三 改變兩個樣式的載入順序

這種方法比較簡單,就是隻要把細化css載入在全域性css之後就行了,這樣後面的樣式就會自動覆蓋前面的樣式。不過如果你的html裡面這兩個樣式表的載入順序是先細化後全域性的話,就要稍微調整一下**才行。

17樓:偉哥哥

最簡單的方法就是在這個div中直接新增屬性好了

或者 通過查詢的方法站到css裡面對應的類名,然後改掉,然後在網頁中通過查詢和替換改掉所有的就好了啊

18樓:匿名使用者

樣式會按照最後那個css樣式顯示。

css是解釋型的語言,執行順序是從上往下,如果有兩個相同的語句,那麼後面一句會「覆蓋」前一句,只有後面一句真正生效。

19樓:扯淡的人生丶

額 不清楚 有沒有這樣的方法 不過 有一種辦法可以解決這個問題

如果你還記得b.css的樣式的話 可以在標籤裡面用style=""標籤給加上 這樣就可以了 具體的 需要你自己除錯

兩個開關在一起孔分別是,兩個開關在一起六個孔分別是L1L2L11L12L21L22控制兩個燈,

這顯然是bai一個 雙刀雙擲開關 du,即有兩個可以同步工zhi作的dao開關,主刀 即始終版連著線的那個點 權 是l1和l2 觸動片1和2 它們各自的兩個觸點分別是l11 l12 兩個埠1 和l21及l22 兩個埠2 雙控開關l11 l1 l21 l12 l2 l22分別怎麼接線?控制兩個燈 如果...

兩個厶一起是什麼字,兩個 呆 加在一起是什麼字?

厸 l n 厸 l n 古同 鄰 中文名厸 拼音l n mi o mi n 注音厸 總筆畫4 基本資訊 部首厶,部外筆畫 2,總筆畫 4 輸入法鄭碼 zszs,u 53b8,gbk 859b,五筆 ccy,基本解釋 基本字義 厸 l n 古同 鄰 其它字義 厸mi o 張口。厸mi n 廣韻 古籍解...

我同時愛上了兩個女人兩個女人也一起愛我

男人三妻四妾很正常啊,我有1個老婆3個小密 很簡單,你娶一個你認為最能和你搭配的女孩,最後那個選她做情人,那樣你就可以毫無顧忌的再就繼續愛她們了。我也和你一樣啊 同情,不過我比你更難過,我是三個人.鬱悶.好像有個救生艇 這樣真的不行呀 不要傷害善良的女孩 你還是作個選擇吧 不一定要最美的 要善良 要...