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

Question

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

所以我添加了“下载”类。

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

当我尝试编辑时 - 例如：

.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;
}    

它不起作用...有人可以帮我解决这个问题吗？ 已经尝试了数十种不同的类选择器来尝试为该按钮设置样式...

当我检查按钮时，类的名称是“emd_dl_blue download” 所以我尝试选择元素：

.emd_dl_blue.download 或 .emd_dl_blue 下载...和其他选项..

但没有任何工作。

选择器路径为：

post-2057 > div.post-content > div:nth-child(6) > div > div.fusion-layout-column.fusion_builder_column.fusion_builder_column_2_3.fusion-two-third.fusion-column-last.\32 _3 > div > div.fusion-text > pre > a

那个按钮的实际代码是：

<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

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

例如

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