html - 为什么我的 CSS 类没有应用于指定的元素？

Question

我目前正在努力对此网站进行一些更改:http://www.hairtothequeenbook.com/fr/ .也就是说，我试图将“英语”按钮放在页面的右上角。

这是 HTML 中的按钮:

<a href="http://hairtothequeenbook.com" class="language btn">English</a><br>

然后我创建了一个如下所示的 CSS 类:

a .language .btn {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

(我只放了 !important 看看是否有其他东西覆盖了我的样式..不用说..没有帮助)。

当我使用开发工具并应用样式时，一切正常，但当我实际修改 CSS 文件并将其上传到服务器时 - 没有任何变化。

知道我做错了什么吗？我觉得我遗漏了一些明显的东西，但我一直在尝试不同的调整但无济于事......

Answer 1

你需要把它写成

a.language.btn { ... }

(中间没有空格 - 都是相同元素，a 标签有这两个类)