CSS继承多个同样属性时的行为

来源:互联网 发布:淘宝网新款秋装 编辑:程序博客网 时间:2024/06/05 20:08
<span style="font-family: Arial, Helvetica, sans-serif;">p.red {</span>
color:red;}p.green {color: green;}p.yellow {color: yellow;}


这是样式及html文件:

这样以后


p.red {color:red;}p.yellow {color: yellow;}p.green {color: green;}

更改之后:


可以看出和class中的排列顺序无关,只和css文件中的排序有关


<!DOCTYPE html><html><head><title>Test</title><link rel="stylesheet" type="text/css" href="test.css"></head><body><p class="green red yellow">This is a green text!</p><p class="red yellow green">This is a red text!</p><p class="yellow green red">This is a yellow text!</p></body></html>


0 0
原创粉丝点击