CSSクラスが指定された要素に適用されないのはなぜですか？

私は現在、このウェブサイトにいくつかの変更を行っています：http://www.hairtothequeenbook.com/fr/。つまり、ページの右上隅に「英語」と書かれたボタンを配置しようとしています。ここでCSSクラスが指定された要素に適用されないのはなぜですか？

は、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ファイルを変更してサーバーにアップロードすると何も変わりません。

私が間違っていることは何ですか？私は何かを明らかに欠けているような気がしますが、私は無駄に異なる微調整をしようとして続ける...

2017-02-27 landy1027

なし[CSSクラスをdiv要素に影響を持っていない]の可能な複製を（http://stackoverflow.com/questions/2556519/css- class-not-with-a-effect-on-a-div） –

あなたは

a.language.btn { ... }

（間に空白なしとしてそれを記述する必要がある - それは同じすべてですスペースを持つ要素は、これら2つのクラスを有するaタグ）

2017-02-27 23:00:03 Johannes

OPスペースが "子孫セレクタ"であることに注意するだけで、彼らは '.language 'の子孫である' .btn'を選択しようとしています'これは' a'タグの子孫です。 –

ああ、もちろん、常に小さなもの。これは知っていることは素晴らしいことです。本当にありがとう！ – landy1027

a .language .btnアンカー内にあるクラス.language持つ要素内部にあるクラス.btn持つ要素を標的とすることを意味します。これらのクラスは、使用してアンカーをターゲットにする

：
a.language.btnスペース

2017-02-27 23:01:15 pol

答えて