Amelia Wattenberger 的 CSS 级联

Avatar of Chris Coyier
Chris Coyier 发布

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 $200 免费信用额度!

如果您使用的是小屏幕,请提醒自己在有机会时在大屏幕上查看它。

您知道来自活动 transition 的样式会胜过 !important 规则,但来自活动 animation 的样式不会吗?我肯定不知道。

或者说存在“来源”,它们几乎就像一个秘密的特定性层,并且在使用 !important 规则时会被反转?什么?!

哦,说到来源,有一个关于 讨论(这是 Jen 关于 Miriam 的一个想法的推文),关于将它们打开以包含用户编写的来源级别。也就是说,有意地以较低的来源级别加载 Bootstrap,而您自己的样式以较高的来源级别加载,因此您编写的任何内容都会获胜。我一直来回思考它。我喜欢拥有强大的工具,而这种覆盖能力显然很有用,但我不喜欢我无法查看选择器并知道它是否会获胜的想法,我需要知道有关来源的信息,这将很难找到,因为它很可能在另一个谁也不知道的文件中,因为 CSS 可以通过多种方式加载。

直接链接 →