ID选择器、类选择器和标签选择器的问题
<style>
.red {color:red;transform: rotate(20deg)}
.green {color:green;transform:rotate(45deg) }
p{
width: 100px;height: 100px;
background: gray;
}
p:hover{
transform:rotate(0);
background: green;
color:yellow;
}
</style>
<body>
<p class="red">这个段落是红色。</p>
<p class="green">这个段落是绿色。</p>
</body>
这段代码,鼠标悬停在P上时,p是可以旋转和改变颜色的。但是为什么把class换成id(有把类选择器改为id选择器)以后就不行了呢?请各位大侠指教。