红影 发表于 2025-4-25 21:46
奇怪，去试了，相同属性下，不是后面覆盖前面的呢
是后面的覆盖前面的！
比如上面的示例：
第一行标题是红色的，因为它只使用了 .red 属性；
第二行标题是蓝色的，它使用了 .red 和 .blue 属性，.blue 覆盖了前面的 .red；
第三行标题是蓝色、居中的，它使用了三个CSS class 属性，.blue 覆盖掉 .red 的前景色设置，.txtMid 所设置的属性没有和前面的相同，就按它的来设定文本对齐。
马黑黑 发表于 2025-4-26 08:37
是后面的覆盖前面的！
比如上面的示例：
我把蓝红换了位置，比如这样 <h2 class="blue red">花朝论坛</h2> 显示的还是蓝啊。{:4_203:}
红影 发表于 2025-4-26 14:06
我把蓝红换了位置，比如这样 花朝论坛 显示的还是蓝啊。
这么说来，css .xxx 的顺序也影响最终渲染效果
学生学习作业，老师请指正{:4_190:}
马黑黑 发表于 2025-4-26 23:27
这么说来，css .xxx 的顺序也影响最终渲染效果
不知怎么回事。
红影 发表于 2025-4-26 23:43
不知怎么回事。
我去查了一下资料，事情是这么一回事：
class列表和 HTML 代码引用的顺序无关，优先级别看 CSS 中谁先定义、谁后定义，后面定义的覆盖前面定义的相同属性。
马黑黑 发表于 2025-4-22 19:50
男人有钱变坏。平平淡淡才是真男人
不一定的{:4_397:}
效果很美的{:4_178:}
马黑黑 发表于 2025-4-27 12:05
我去查了一下资料，事情是这么一回事：
class列表和 HTML 代码引用的顺序无关，优先级别看 CSS 中谁先 ...
嗯嗯，明白了，后定义的覆盖先定义的，和引用的顺序无关呢。谢谢黑黑{:4_187:}
红影 发表于 2025-4-27 13:37
嗯嗯，明白了，后定义的覆盖先定义的，和引用的顺序无关呢。谢谢黑黑
这好比我们用ES6模块做帖子，在CSS里先引用一个CSS文档，它包含了一些必要的设置，比方讲 #mplayer 设置的位置，然后，在帖子CSS代码中，我们有加个 #mplayer { left: 100px; bottom: 20px; }，这个就是放在前面那个资源文档之后，是后出现的CSS属性设置，具有优先级别，酱紫新的设定就能覆盖旧的设定。
冬天的雨 发表于 2025-4-27 13:37
效果很美的
谢谢支持
冬天的雨 发表于 2025-4-27 13:36
不一定的
貌似你没钱也变坏了？{:4_170:}
马黑黑 发表于 2025-4-27 21:48
这好比我们用ES6模块做帖子，在CSS里先引用一个CSS文档，它包含了一些必要的设置，比方讲 #mplayer 设置 ...
嗯嗯，现在明白了，我前面理解错了，以为html里的顺序也有关呢{:4_204:}
红影 发表于 2025-4-27 22:14
嗯嗯，现在明白了，我前面理解错了，以为html里的顺序也有关呢
可能是我表达不清楚
马黑黑 发表于 2025-4-27 23:27
可能是我表达不清楚
是我自己的问题，早应该想到了{:4_173:}
红影 发表于 2025-4-28 14:28
是我自己的问题，早应该想到了
不会吧
马黑黑 发表于 2025-4-28 21:10
不会吧
之前就有过后面的设置会取代前面的，是我一下子想歪了，以为是html里的顺序也有关。
红影 发表于 2025-4-28 23:03
之前就有过后面的设置会取代前面的，是我一下子想歪了，以为是html里的顺序也有关。
有很多前端程序员爱把演示用的style代码放在最后面，这是考虑其演示不受其它CSS设置的影响
点了一些播放器按钮双控制视频{:4_199:}
效果挺好{:4_199:}