CSS on Favicon - Rails

Question

我有一个带bootstrap的rails 4应用程序。

我在我的页面标题中有一个徽标图片，它链接回根路径。

我正在尝试修复CSS，以便当您悬停在徽标上时，它不会出现在徽标的一部分后面有一个黑色实心框。

我希望在任何时候透明的背景。没有悬停样式和访问过的样式。

 <div class="row">
                <div class="col-md-4" style=" a:hover {text-decoration:none;background-color:transparent;}; a:visited {text-decoration:none;background-color:transparent;};
;
">
                  <%= link_to image_tag("favicon.ico", size: "25" ), root_path  %> 
                 </div>

我试着停止这种风格，但找不到是什么迫使黑匣子。

另一次尝试：

我尝试从html中删除样式属性，并将它们放入单独的div标记中：

我现在有一个名为nav logo的div类，并将对样式的引用替换为：

<div class="col-md-4" class="navlogo">
                  <%= link_to image_tag("favicon.ico", size: "25" ), root_path  %> 
                 </div>

div标签有：

.navlogo {
     a:link {text-decoration:none; background-color:transparent; color:none};
    a:visited {text-decoration:none;background-color:transparent; color:none};
    a:hover {text-decoration:none;background-color:transparent; color:none};
    a:active {text-decoration:none;background-color:transparent; color:none};
}

黑匣子还在那里。我该怎么摆脱它呢？

Answer 1

您不能在样式属性中指定整个样式表，并期望它被任何匹配的后代所遵循。属性仅用于为它所属的节点指定内联css规则。

所以你的style属性不会有任何影响。您可能希望将css移动到style标签内。

如果这还不能解决问题，请考虑创建一个jsfiddle，以便可以重现该问题。

Answer 2

当您将其拆分为单独的div标签，并在单独的div类中设置样式时，它似乎可以正常工作。

<div class="col-md-4"> <div class="navlogo2">
                  <%= link_to image_tag("favicon.ico", size: "25" ), root_path  %> 
                 </div></div>