濮阳杆衣贸易有限公司

主頁 > 知識庫 > HTML中當(dāng)定義多個class屬性時無效的解決方法

HTML中當(dāng)定義多個class屬性時無效的解決方法

熱門標(biāo)簽:最簡單的百度地圖標(biāo)注店鋪 梧州地圖標(biāo)注app 青海保險智能外呼系統(tǒng)商家 水經(jīng)注萬能地圖標(biāo)注 營口400電話申請 禹州電話外呼系統(tǒng) AI外呼系統(tǒng) 價格 新鄉(xiāng)機器人外呼系統(tǒng) 錦州企業(yè)外呼系統(tǒng)
在編寫html的過程中,我們會經(jīng)常為class屬性定義多個值,但是同樣會經(jīng)常發(fā)現(xiàn)自己定義的值無效!?。?

以前碰到這種情況我就直接重寫了,或者直接用id設(shè)置css屬性,今天想起來好像有些不對哦。。。我必須得去發(fā)現(xiàn)真理?。?!

復(fù)制代碼
代碼如下:

<div id="p" class="middle_div padding_10">
<span id="s" class="normal_span"></span>
</div>

我在兩個class里設(shè)置的顏色不同,在middle_div里設(shè)置的是紅色,在padding_10里設(shè)置綠色,

結(jié)果顯示的是綠色,這給我的第一感覺就是:方向反了!

于是我把兩個位置對換,還是綠色??!

這。。。。

難道是???

打開css文件一看,果然padding_10在middle_div 前面,然后我把他們倆位置對換,

刷新瀏覽器,紅色!??!

所以呢,在定義多個class值的時候,一定要注意,把自己最喜歡的樣式放在后面!
但是呢,如果你在padding_10前面加個div(假設(shè)父級元素是div),變成div.padding_10,然后你會發(fā)現(xiàn),不管它在哪,我們的p div始終是綠色的,

從這個例子可以看出來,css樣式的優(yōu)先級是在加載css文件的時候就確定下來的,而不是由后來html里class屬性位置前后決定的。

標(biāo)簽:延邊 潮州 懷化 哈密 青島 荊門 昭通 山南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML中當(dāng)定義多個class屬性時無效的解決方法》,本文關(guān)鍵詞  HTML,中當(dāng),定義,多個,class,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML中當(dāng)定義多個class屬性時無效的解決方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML中當(dāng)定義多個class屬性時無效的解決方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    中牟县| 康马县| 靖西县| 大港区| 肃南| 深水埗区| 北川| 莱州市| 得荣县| 马边| 珲春市| 高陵县| 阿合奇县| 湄潭县| 九江市| 越西县| 宁国市| 临朐县| 达尔| 乌恰县| 常州市| 宣武区| 石阡县| 五家渠市| 来凤县| 泉州市| 三都| 家居| 班玛县| 廊坊市| 绍兴市| 车险| 藁城市| 微山县| 上饶市| 温宿县| 正安县| 天祝| 剑川县| 益阳市| 延庆县|