您當前位置：首頁 > web前端 > htmlcss > css 中類疊加相同屬性的取值問題

css 中類疊加相同屬性的取值問題

來源：程序員人生發布時間：2015-01-05 08:14:14 閱讀次數：3729次

對1個元素使用多個類，其中1個屬性值在多個類中有不同取值，那末終究的該元素該屬性取值是取那個呢？

固然是優先級高的覆蓋優先級低的。

斟酌1個css鏈接文件盒1個html文件。

css中：

.form-control{ width: 100% ; ... } .width-control{ width:60% ; }

html中：

1. <div class="form-control width-control">...</div> 2. <div class="width-control form-control">...</div>

上述在html中改變類的書寫順序，發現有效值均為width:60%，說明在html中1個class中并列的類書寫前后順序不影響覆蓋順序.

改變在css中定義的順序，以下：

.width-control{ width:60% ; } .form-control{ width: 100% ; ... }

此時有效值均為width:100%, 這說明類的優先級是由類在css文件中定義的順序決定的：越后定義優先級越高！

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 17. Dubbo原理解析-集群&容錯之負載均衡

下一篇 適配器模式

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线