css 中類疊加相同屬性的取值問(wèn)題

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

固然是優(yōu)先級(jí)高的覆蓋優(yōu)先級(jí)低的。

斟酌1個(gè)css鏈接文件盒1個(gè)html文件。

css中：

html中：

上述在html中改變類的書(shū)寫(xiě)順序，發(fā)現(xiàn)有效值均為width:60%，說(shuō)明在html中1個(gè)class中并列的類書(shū)寫(xiě)前后順序不影響覆蓋順序.

改變?cè)赾ss中定義的順序，以下：

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

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)