为什么CSS不起作用？

-1

在接下来的页面正文，包括一些子弹文本。我需要子弹文本与正文文本大小相同（更大）。为什么CSS不起作用？

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

有一个在现场的全局样式表（/global.css），我增加了一个入口吧：

li { font-size: 14px;}

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

我没有在做了十年的CSS或HTML的任何工作，所以请温柔 - 答案是有可能明显与现有技能的人。

来源

2013-03-13 Ollie C

请阅读[我的网站上的东西无法使用。我可以只粘贴一个链接吗？]（http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link对它） – Quentin 2013-03-13 14:54:55

我想你有你的答案 – George 2013-03-13 14:59:57

因为div#content li不仅仅是一个单一类型的选择更为具体的，你需要包括均达到级联覆盖specifcity更高的元素

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

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

因此，只要指定li具有（0,0,0,1）与div#content li其具有（0,1,0,1），后者胜具有特异性的值。只要使用这个概念来提出一个更高的选择。

来源

2013-03-13 14:55:04 Adrift

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

来源

2013-03-13 14:54:55

在同一global.css中，存在被施加div#content li { font-size: 12px;}，因为它更具体。

来源

2013-03-13 14:55:02 Fortega

因为在同一个文件，在线路208定义div#content li {font-size: 12px;}这不仅仅是li更准确。

来源

2013-03-13 14:55:16 Salketer

尝试迫使风格，就像这样：

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

因此，在存在的样式为单元获得优先权。

来源

2013-03-13 14:56:10 Nelson

如果您使用Chrome开发者工具（F12），你可以看到被应用到每个元素的样式，甚至看到正在被超越的风格，因为它们划掉，用于调试CSS问题，这样非常有帮助。

来源

2013-03-13 14:56:33

我应该说你需要将样式应用到自身的链接，而这不只是内部li一个纯文本。

li a { font-size: 14px;}

来源

2013-03-13 14:57:27 Morpheus

在108线的global.css中的你有一个CSS规则div#content li { font-size: 12px;}重写你：li { font-size: 14px;}规则。

来源

2013-03-13 14:58:40

为什么CSS不起作用？

回答

相关问题