<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.s1 {color: red;}
.s2 {color: green;}
</style>
</head>
<body>
<p class="s1" class="s2">1
<p style="color:blue;" style="color:gray;">2
<p class="s1" class="s2" style="color:blue;" style="color:gray;">3
</body>
</html>
运行结果:
红色
蓝色
蓝色
看来两个class,前面的class优先。
看来两个style,前面的style优先。
看来两个class和两个style,前面的style优先。