在 Volusion 左侧导航菜单中更改字体答案

【问题标题】：Changing font in Volusion left nav menu在 Volusion 左侧导航菜单中更改字体
【发布时间】：2013-02-27 06:48:09
【问题描述】：

这是我们 Volusion 导航菜单中的代码：

#display_menu_1 .nav {background-color:transparent;}
#display_menu_1 .nav_hover {background-color:transparent;}
#display_menu_3 .nav {background-color:transparent;}
#display_menu_3 .nav_hover {background-color:transparent;}

网址是http://www.markpoulin.com 如您所见，导航菜单采用不同的字体。导航菜单底部的“关于我们”和“购买地点”链接在 Verdana 中，我们想匹配它们，但我不知道如何更改导航菜单中的字体。我曾尝试在线研究，但找不到这种特定类型的代码，并尝试在不同的地方插入字体系列位，但并没有改变字体。

【问题讨论】：

与你的问题无关，但我不得不问你为什么使用<table>来创建导航菜单......？
此代码由 Volusion 自动生成。

标签： css drop-down-menu hover nav volusion

【解决方案1】：

您无法设置导航菜单样式的原因是它包含内联 CSS。这是导航菜单上第一项的 sn-p：

<a onclick="return $K(0)" name="mM1" onfocus="_iF0C(0)" href="http://www.markpoulin.com/category-s/292.htm" class="nav" id="lnk0" style="border:none;background:transparent;display:block;;font-Family:Georgia;font-Weight:normal;font-Style:normal;font-Size:11px">Mother's Day</a>

注意font-Family:Georgia 在style 属性中。内联样式具有最高的特异性，因此不可能用 CSS 选择器覆盖。有什么办法可以防止导航生成内联样式？例如。 <a onclick="return $K(0)" name="mM1" onfocus="_iF0C(0)" href="http://www.markpoulin.com/category-s/292.htm" class="nav" id="lnk0">Mother's Day</a>

阅读本文了解更多关于 CSS 特性的信息：http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

【讨论】：

我很确定这个编码是我们“模板”的一部分，不是我们可以访问的。这可能就是为什么 Volusion 不会免费帮我修复它。
@user2158654 如果您无法更改内联样式，那么我认为您最后的选择是使用 JavaScript 删除这些内联样式。这很丑，但我认为这是你最后的手段。没有比内联样式更具体的 CSS。唯一胜过它的是使用 JavaScript 修改 DOM。
我可以使用下面的 bjornio 修复来更改样式。正如我之前所说，我们的网站是基于模板的，我们无法进行整个重新设计，我们也不想这样做，因为我们不是程序员！即使弄清楚这一点也很困难；）

【解决方案2】：

我一直与 Volusion 合作，当我完全找不到改变我需要的方法时，我会这样做（仅作为最后的手段！！）。具体来说，这将针对所有这些侧菜单链接：

#lnk0, #lnk1, #lnk2, #lnk3, #lnk4, #lnk5, #lnk6, #lnk7, #lnk8, #lnk9, #lnk10, #lnk11, #lnk12, #lnk13, #lnk14, #lnk15, #lnk16, #lnk17, #lnk18, #lnk19, #lnk20, #lnk21, #lnk22, #lnk23, #lnk24, #lnk25, #lnk26, #lnk27, #lnk28, #lnk29, #lnk30, #lnk31, #lnk32, #lnk33, #lnk34, #lnk35, #lnk36, #lnk37, #lnk38, #lnk39, #lnk40, #lnk41, #lnk42, #lnk43, #lnk44, #lnk45, #lnk46 {
font-family: tahoma!important;

（当然，将字体更改为您想要的任何字体）。使用 volusion，因为代码嵌套在表中表中的表中（噱头！），您需要具体说明您的目标。

使用 !important 有时会使 css 变得非常混乱，但不幸的是我不得不大量使用它。与 sweetamylase 所说的不同，此技巧将覆盖您的大部分内联样式需求。

这是一篇关于 !important 的文章 http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

【讨论】：