检查器样式表中对CSS的更改适用，但这些相同的更改将不适用于我的CSS文件

Question

我的网页出现了一些奇怪的现象，目前正在尝试调整我在网站上的按钮字体大小。

目前我定位的HTML是：

<span id="u_0_3">2.1k people like this. Be the first of your friends.</span>

在Google Chrome控制台中，添加以下任一项都会更改字体

1

#u_0_3 { font-size: 14px }

2

span#u_0_3 { font-size: 14px }

但是将这些代码行中的任何一行添加到我的网页样式表中绝对没有效果。不知道如何从这里开始，因为它在一个样式表而不是另一个样式表中工作？

Answer 1

将代码添加到样式表而不是浏览器中时样式未更新的原因是因为您在iframe上尝试使用样式表，这是不可能的。但是，您可以使用jQuery或类似的东西添加样式。

试试这个......

$("iframe#idhere").contents().find("span#u_0_3").css('font-size', '14px');

Answer 2

确保在HTML中添加了CSS文件引用。

此外，清除浏览器缓存并加载页面。