多class应用同一个元素时前后声明的class规则将会怎样

有那么一个人出现在你的生命里,其他人都会变成风景,只有那个人是他心口的朱砂,放在心尖上的人,再也放不下。
如题,看例子:
复制代码
代码如下:

<p class="style2 style1">Here gose the content....</p>

css文件中:
复制代码
代码如下:

.style1 { color: red;}
.style1 { color: blue;}

我原以为style1后添加, 最终应该应用的是style1的样式,即字体显示为红色。 可实际上却是显示了蓝色。

如此,只能说明 浏览器解析样式时 是按规则在样式表中的声明顺序,而非添加到元素上的顺序。

本文多class应用同一个元素时前后声明的class规则将会怎样到此结束。快乐的人不是没有痛苦,而是不会被痛苦所左右。人生难免会和痛苦不期而遇,其实痛苦并不可怕,可怕的是内心背叛自己。整理一下自己的心情,忘记那些不愉快的往事,听听音乐,弹弹钢琴,看看风景,说能说的话,做个单纯的人,走幸福的路。带上微笑,和快乐一起出发吧。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例