有如下代码：
<html>
<head>
<title></title>
<style type="text/css">
p{
color:green;
}
.red{
color:red;
}
.purple{
color:purple;
}
#line3{
color:blue;
}
</style>
</head>
<body>
<p >这是第1行文本</p>
<p class="red">这是第2行文本</p>
<p id="line3" class="red">这是第3行文本</p>
<p style="color:orange" id="line3">这是第4行文本</p>
<p class="purple red">这是第5行文本</p>
</body>
</html>
可以看到，除了第一行的<p>标签外，后面几行中都有样式冲突，那么最终显示的样式时怎样的呢？
如下图：
总结如下：
行内样式 > ID样式 > 类别样式 > 标记样式
有两个行内样式时，以前者为准。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
