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

主頁 > 知識庫 > 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屬性時無效的解決方法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 吉木萨尔县| 五家渠市| 章丘市| 阳朔县| 霸州市| 烟台市| 铁力市| 怀远县| 嘉义市| 麟游县| 朝阳市| 祁阳县| 新丰县| 勃利县| 巴彦县| 金阳县| 木里| 阳东县| 溧水县| 曲靖市| 交口县| 澄江县| 宜阳县| 巴塘县| 乌鲁木齐县| 辛集市| 枣阳市| 福建省| 资兴市| 光山县| 南澳县| 亚东县| 固镇县| 綦江县| 普兰县| 呼图壁县| 南安市| 蓬溪县| 探索| 临汾市| 太仆寺旗|