2017-02-27 27 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没有空格

相关问题