校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

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

HTML中當定義多個class屬性時無效的解決方法

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

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

復制代碼
代碼如下:

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

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

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

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

這。。。。

難道是???

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

刷新瀏覽器,紅色!!!

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

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

標簽:延邊 潮州 懷化 哈密 青島 荊門 昭通 山南

巨人網絡通訊聲明:本文標題《HTML中當定義多個class屬性時無效的解決方法》,本文關鍵詞  HTML,中當,定義,多個,class,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML中當定義多個class屬性時無效的解決方法》相關的同類信息!
  • 本頁收集關于HTML中當定義多個class屬性時無效的解決方法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 江陵县| 营口市| 巴彦淖尔市| 浑源县| 四子王旗| 柳江县| 敖汉旗| 民勤县| 郓城县| 元江| 利辛县| 梅州市| 泽州县| 青川县| 德州市| 五莲县| 南和县| 麻城市| 永仁县| 长顺县| 延安市| 浑源县| SHOW| 乐都县| 古田县| 扎鲁特旗| 惠水县| 耿马| 文安县| 菏泽市| 贡觉县| 翁源县| 福贡县| 汉寿县| 城步| 陇川县| 五指山市| 沽源县| 弋阳县| 康保县| 德州市|