西皮士 - 辉月

马黑黑

红影 发表于 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> 显示的还是蓝啊。

马黑黑

红影 发表于 2025-4-26 14:06
我把蓝红换了位置，比如这样 花朝论坛 显示的还是蓝啊。

这么说来，css .xxx 的顺序也影响最终渲染效果

朵拉

学生学习作业，老师请指正

红影

马黑黑 发表于 2025-4-26 23:27
这么说来，css .xxx 的顺序也影响最终渲染效果

不知怎么回事。

马黑黑

红影 发表于 2025-4-26 23:43
不知怎么回事。

我去查了一下资料，事情是这么一回事：

class列表和 HTML 代码引用的顺序无关，优先级别看 CSS 中谁先定义、谁后定义，后面定义的覆盖前面定义的相同属性。

冬天的雨

马黑黑 发表于 2025-4-22 19:50
男人有钱变坏。平平淡淡才是真男人

不一定的

冬天的雨

效果很美的

红影

马黑黑 发表于 2025-4-27 12:05
我去查了一下资料，事情是这么一回事：

class列表和 HTML 代码引用的顺序无关，优先级别看 CSS 中谁先 ...

嗯嗯，明白了，后定义的覆盖先定义的，和引用的顺序无关呢。谢谢黑黑

马黑黑

红影 发表于 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
不一定的

貌似你没钱也变坏了？

红影

马黑黑 发表于 2025-4-27 21:48
这好比我们用ES6模块做帖子，在CSS里先引用一个CSS文档，它包含了一些必要的设置，比方讲 #mplayer 设置 ...

嗯嗯，现在明白了，我前面理解错了，以为html里的顺序也有关呢

马黑黑

红影 发表于 2025-4-27 22:14
嗯嗯，现在明白了，我前面理解错了，以为html里的顺序也有关呢

可能是我表达不清楚

红影

马黑黑 发表于 2025-4-27 23:27
可能是我表达不清楚

是我自己的问题，早应该想到了

马黑黑

红影 发表于 2025-4-28 14:28
是我自己的问题，早应该想到了

不会吧

红影

马黑黑 发表于 2025-4-28 21:10
不会吧

之前就有过后面的设置会取代前面的，是我一下子想歪了，以为是html里的顺序也有关。

马黑黑

红影 发表于 2025-4-28 23:03
之前就有过后面的设置会取代前面的，是我一下子想歪了，以为是html里的顺序也有关。

有很多前端程序员爱把演示用的style代码放在最后面，这是考虑其演示不受其它CSS设置的影响

小辣椒

点了一些播放器按钮双控制视频

小辣椒

效果挺好