<html>
<head>
<style type="text/css">
#left{color:black!important;}
#container #left{color:red;}
#left{color:green!important;}
.container #left{color:blue;}
</style>
</head>
<body>
<div class="container" id="container">
<span id="left" style="color:#707;">这到底是什么颜色啊？</span>
</div>
</body>
</html>主要是原理是怎么回事？