2017-02-27 83 views
0

我正在對本網站進行一些更改: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文件並將其上傳到服務器時 - 沒有任何更改。

任何想法我做錯了什麼?我覺得我失去了一些東西很明顯,但我一直在嘗試不同的調整都無濟於事......

+0

的[CSS類不具有上一個div的效果](可能的複製http://stackoverflow.com/questions/2556519/css- class-not-an-effect-on-a-div) –

回答

4

你需要把它寫成

a.language.btn { ... } 

(無之間的空間 - 這一切都相同元件,具有這兩個類的a標籤)

+0

只是爲了說明OP空間是一個「後代選擇器」,所以他們試圖選擇一個'.btn',它是一個'。語言的後代'這是'a'標籤的後裔。 –

+0

啊,但當然..總是那些小東西。這很好理解。非常感謝! – landy1027

1

a .language .btn用空格意味着目標與.btn類是與.language類的元件,它是內部錨內部元件。

靶向與這些類錨固使用:
a.language.btn沒有空格

相關問題