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

ttx9n · 发表于 2013-12-11 17:18:19

当多class应用同一个元素时，后声明的class规则将覆盖先声明的，下面有个不错的示例，大家可以尝试操作下如题，看例子：

复制代码代码如下:
<p class="style2 style1">Here gose the content....</p>

css文件中：

复制代码代码如下:
.style1 { color: red;}
.style1 { color: blue;}

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

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

6q8s6p21 · 发表于 2022-8-14 08:49:07

可以，看卡巴

7jbiiz · 发表于 2022-8-17 11:29:11

先把创新班才能下班才能下班

feiyasqhr · 发表于 2023-1-22 02:50:36

不错的源码论坛

小伙伴 · 发表于 2023-8-7 01:23:14

而非为吾问无为谓娃娃

fiyeid · 发表于 2024-3-15 01:52:25

老衲笑纳了

9jduu05 · 发表于 2024-4-10 10:06:53

天天源码社区。。。。

wxrf98xr · 发表于 2024-9-3 08:44:19

hi哦和烦恼农家女

Hectordew · 发表于 2024-9-7 19:25:55

来看看！！！

cxst1h57 · 发表于 2024-10-8 05:43:42

看看看看看看看看看看看看看看看看看看看看看看看看看看看

账号		自动登录	找回密码
密码			立即注册

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