css - 在 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;}

网址是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>

请注意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/