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

Question

这是我们的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;}

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

Answer 1

无法设置导航菜单样式的原因是因为它包含嵌入式CSS。 这是导航菜单上第一项的摘录：

<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>

注意style属性中有font-Family:Georgia 。 内联样式具有最高的特异性，因此不可能用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/

Answer 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时，由于代码嵌套在表中的表内（gag！），因此您需要具体确定目标对象。

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

这是有关！important的文章http://webdesign.about.com/od/css/f/blcssfaqimportn.htm