1

这是我们 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 中，我们想匹配它们，但我不知道如何更改导航菜单中的字体。我曾尝试在线研究，但找不到这种特定类型的代码，并尝试在不同的地方插入字体系列位，但它并没有改变字体。

4

2 回答 2

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/

于 2013-03-11T22:16:30.827 回答
0

我一直与 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

于 2013-03-27T05:12:20.243 回答