gpt4 book ai didi

css - 使用 CSS,如何设计通用的全局样式?

转载 作者:行者123 更新时间:2023-11-28 19:01:18 25 4
gpt4 key购买 nike

更新:这个问题是关于global风格的。所以像 #some-id .score 这样的解决方案不是解决方案。

一开始我是这样设计的

.score { font-size: 32px; color: #777 }

“分数”是一种可以在任何地方发生的东西,是一种全局风格的东西。但由于其他风格实际上可能有:

#summary-panel { font-size: 13px }

带有 id 的将覆盖只有类的那个(本文中的第一个 CSS 规则)。 (因此,如果分数显示在 summary-panel 中,则 font-size 将被覆盖为 13pxscore 样式应该是全局的,需要 32px 样式。)所以我很想使用

.score { font-size: 32px !important; color: #777 !important }

因为 !important 可以充当覆盖所有普通样式的“第二层”,并充当全局样式。

这是一个好方法还是更好的方法?一个问题是,如果有时我们可能遇到 IE 7(或 IE 6)的 CSS 问题,我们需要一个单独的样式表,例如 ie.css,并且在那里,可能还有

#summary-panel { font-size: 12px !important }

所以在这种情况下,!important 将被覆盖,因为具有 id 的将始终只赢得类。那么有没有更好的方法呢?

最佳答案

也许是这个?

#summary-panel.score { font-size: 32px; }

我想我不确定您要添加多少样式,或者如果问题是如何在不添加任何新样式的情况下执行此操作,在这种情况下我会说没有更好的方法。

关于css - 使用 CSS,如何设计通用的全局样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5639415/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com