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

标签 css drop-down-menu hover nav volusion

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

最佳答案

您无法设置导航菜单样式的原因是它包含内联 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:Georgiastyle属性。内联样式具有最高的特异性,因此不可能被 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/

关于css - 在 Volusion 左侧导航菜单中更改字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15349663/

相关文章:

卡片中的 HTML 居中图像和 h1

css - 在 css 中创建摇摆/震动效果

css - 为什么我的下拉列表div是透明的?

javascript - 我如何修复 :hover on iPhone if there is no <a> element?

javascript - 将鼠标悬停在链接上时激活覆盖背景

html - 拉伸(stretch)输入字段高度以填充表格单元格

javascript onchange事件到asp.net下拉列表

drop-down-menu - 带子菜单的 CSS 垂直菜单

jquery - 悬停在背景上时用图像替换光标 1

javascript - html css 拖放悬停错误?