当CSS Selector路径不起作用时 - 它会是什么？

Question

我正在考虑更改我管理的网站上的所有下载按钮...因为我下载了Wordpress的Easy Media下载插件。 对于自定义样式，它允许您添加类。

所以我添加了课程＆＃34;下载＆＃34;它。

我所指的下载按钮是视频。

当我尝试编辑时 - 例如：

.download {
    font-family: Qanelas, Arial !important;
    text-align: left !important;
    text-transform: uppercase !important;
}    

或

.emd_dl_blue.download {
    font-family: Qanelas, Arial !important;
    text-align: left !important;
    text-transform: uppercase !important;
}    

IT DOESN＆＃39;工作......有人可以帮助我吗？ 已经尝试了几十个不同的类选择器来尝试按钮...

当我检查按钮时，该类的名称是＆＃34; emd_dl_blue download＆＃34; 所以我尝试用：

选择元素

.emd_dl_blue.download或.emd_dl_blue下载...以及其他选项..

但没有工作。

选择器路径为：

  

2057年后> div.post-content＆gt; div：nth-​​child（6）＆gt; div> div.fusion-layout-column.fusion_builder_column.fusion_builder_column_2_3.fusion-two-third.fusion-column-last。\ 32 _3＆gt; div> div.fusion-text＆gt;前＆gt;一个

该按钮的实际代码是：

<div class="fusion-text">
    <pre>  
        <a href="http://example.com/file.jpg" target="_blank" class="emd_dl_blue download">Baixar</a>  
        <style type="text/css>...</style>  
    </pre>  
</div>

Answer 1

右键单击站点上的下载按钮并选择inspect元素，然后查看它有哪些类，因为它是由插件生成的，它可能有一些，然后将它正在使用的类复制并粘贴到您的CSS中然后添加自定义样式..

所以例如

.video-player.button.download{
    // your styles go here
}