为什么我的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看看是否有其他东西覆盖了我的风格..不用说...没有帮助。）

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

任何想法我做错了什么？我觉得我错过了一些明显的东西，但我一直在尝试不同的调整......但

Answer 1

你需要把它写成

a.language.btn { ... }

（两者之间没有空格 - 它是所有相同的元素，a标签包含这两个类）

Answer 2

带有空格的

a .language .btn表示使用类.btn定位元素，该类位于具有类.language的元素内，该类位于锚内。

使用这些类来定位锚点：
a.language.btn没有空格