CSS 在 chrome 中不起作用，但在 Firefox 中起作用答案

【问题标题】：CSS not working in chrome but does work in firefoxCSS 在 chrome 中不起作用，但在 Firefox 中起作用
【发布时间】：2017-12-28 01:00:58
【问题描述】：

我创建了一个名为“titles”的类，由于某种原因它不想在 chrome 中工作。我在 Firefox 中查看了该页面，一切正常。下面是代码：

.titles {
            font-size: 4.5em;
            color: #154;
            text-shadow: 1px 2px #000;
            }

&lt;h1 class="titles"&gt;&lt;b&gt;DREWSPLAINING&lt;/b&gt;&lt;/h1&gt;

我所做的更改是添加了文本阴影。在此之前，CSS 很好。现在，即使我删除了测试阴影部分，它也无法正常工作。

【问题讨论】：

两者都可以正常工作。也许你需要清除 chrome 中的缓存，使用 Ctrl + F5。
在 chrome 中按 Ctr + Shift + R。
更新：我在我妻子的电脑上检查了 MS Edge 和 Chrome 上的网站，CSS 工作正常 - 但在我的笔记本电脑（我编写代码的地方）和手机上，CSS 没有显示。 ..
Ctrl F5 起作用了——我刚刚单独按了 F5。谢谢！
@Drew 你最好删除这个问题，因为这对其他访问者没有用。

【解决方案1】：

它工作正常。也许你应该清除缓存。

【讨论】：

【解决方案2】：

正如您在演示中看到的，它适用于所有浏览器。可能是您在其他地方的 .title 类中添加了一些 CSS。

你也可以尝试清除缓存。

.titles {
        font-size: 4.5em;
        color: #154;
        text-shadow: 1px 2px #000;
        }

<div class="titles">
Stack overflow
<div>

【讨论】：