同一元素應(yīng)用多個(gè)class的優(yōu)先級(jí)的測(cè)試!_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
使用多個(gè)class,以空格分開,如:<span class="a2 a1">
效果:
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
調(diào)換一下a1和a2的順序
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
加上!important看看效果
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
結(jié)論:若同時(shí)應(yīng)用多個(gè)class,后定義的優(yōu)先(即近者優(yōu)先),加上!important最優(yōu)先!
效果:
代碼調(diào)試框 [hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
調(diào)換一下a1和a2的順序
代碼調(diào)試框 [hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
加上!important看看效果
代碼調(diào)試框 [hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
結(jié)論:若同時(shí)應(yīng)用多個(gè)class,后定義的優(yōu)先(即近者優(yōu)先),加上!important最優(yōu)先!
相關(guān)CSS教程:
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索同一元素應(yīng)用多個(gè)class的優(yōu)先級(jí)的測(cè)試!
- 教程說明:
CSS教程-同一元素應(yīng)用多個(gè)class的優(yōu)先級(jí)的測(cè)試!
。