-1

下一页是正文，包括一些项目符号文本。我需要项目符号文本与正文文本大小相同（更大）。

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

站点中有一个全局样式表（/global.css），我在其中添加了一个条目：

li { font-size: 14px;}

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

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

4

8 回答 8

3

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

特异性可以被认为是四个数字（0,0,0,0）

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

因此，仅指定li具有 (0,0,0,1) 的值 vsdiv#content li具有 (0,1,0,1) 的特异性，后者获胜。只需使用这个概念来提出更高的选择器。

于 2013-03-13T14:55:04.693 回答
2

在 global.css 文件中，有一个更具体的选择器div#content li已font-size在其中选择。与您的选择器一样具体，或者更具体地使其适用于整个内容区域。

于 2013-03-13T14:54:55.487 回答
2

在同一个 global.css 中，有一个div#content li { font-size: 12px;}which 被应用，因为它更具体。

于 2013-03-13T14:55:02.410 回答
1

尝试强制样式，如下所示：

li { font-size: 14px !important ;}

因此它优先于该元素的现有样式。

于 2013-03-13T14:56:10.507 回答
1

如果您使用 Chrome 开发者工具 (F12)，您可以看到哪些样式被应用到每个元素，甚至可以看到样式在被划掉时被覆盖，这对于调试此类 CSS 问题非常有帮助。

于 2013-03-13T14:56:33.690 回答
0

因为在同一个文件中，在第 208 行，您定义div#content li {font-size: 12px;}了哪个比li.

于 2013-03-13T14:55:16.153 回答
0

我应该说您需要将样式应用于链接本身，而不仅仅是li.

li a { font-size: 14px;}
于 2013-03-13T14:57:27.763 回答
0

在你的 global.css 的 108 行，你有一个 CSS 规则div#content li { font-size: 12px;} 覆盖你的：li { font-size: 14px;}规则。

于 2013-03-13T14:58:40.453 回答