<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>css叠加性和层叠性</title><style type="text/css">span{color: red;}.abc{font-size: 30px;color: blue;}</style></head><body><!--css叠加性（从名称上可知是一层层累积的特性）--><!--当有多个选择器选中的是同一个（同一类）元素时，加的是不一样的样式，所有选择器都会生效--><!--css层叠性 --> <!--当多个选择器选中的是同一个（同一类）元素时，加的是一样的样式，只有一个选择器会生效，选哪个和选择器优先级有关（如这里的字体颜色红色和蓝色）--><span class="abc">我爱学习</span></body>
</html>
