html - 为什么CSS没有生效？

Question

下一页是正文，包括一些元素符号文本。我需要元素符号文本与正文文本大小相同(更大)。

http://www.a-quick-sale.co.uk/howitworks/

站点 (/global.css) 中有一个全局样式表，我向其中添加了一个条目:

li { font-size: 14px;}

但是没有应用字体大小样式。我不想开始偷懒直接将样式应用于页面上下文，但为什么我创建的全局样式没有被应用？

十多年来我没有做过任何 CSS 或 HTML 方面的工作，所以请保持温和 - 答案对于任何具备当前技能的人来说都是显而易见的。

Answer 1

因为 div#content li 比单个类型选择器更具体，所以您需要在级联中包含更高层的元素以覆盖特定性

特异性可以认为是四个数字(0,0,0,0)

• 内联样式是第一个 - 最高优先级
• ID 选择器是第二个数字
• 伪类和属性选择器是第三种
• 类型选择器是第四种
• 通用选择器 * 的特异性为 0，任何东西都会覆盖它。

因此，仅指定 li 的值为 (0,0,0,1) 与 div#content li 的值 (0,1,0 ,1) 后者获胜。就用这个概念想出一个更高的选择器。