Html 当光标悬停在下拉菜单按钮上时，文本是否变为粗体？_Html_Css_Drop Down Menu_Mouseover

Html 当光标悬停在下拉菜单按钮上时，文本是否变为粗体？

html css drop-down-menu

Html 当光标悬停在下拉菜单按钮上时，文本是否变为粗体？,html,css,drop-down-menu,mouseover,Html,Css,Drop Down Menu,Mouseover,当我将光标移动到中列表的不同元素上时，所有内容都变为粗体。来源：视频： {Title}{block:Description}{Description}{/block:Description} 联系人将锚定标记放在列表项中，然后尝试向锚定标记的悬停伪元素添加300的字体权重。看起来锚定标记的字体重量设置为小于浏览器的默认值400，但悬停状态仍呈现浏览器默认值 .menunav a:hover {font-weight:300;} 编辑：以上没有解决问题。然而，导航系统的固定

当我将光标移动到中列表的不同元素上时，所有内容都变为粗体。
来源：
视频：


{Title}
{block:Description}{Description}{/block:Description}

联系人

将锚定标记放在列表项中，然后尝试向锚定标记的悬停伪元素添加300的字体权重。看起来锚定标记的字体重量设置为小于浏览器的默认值400，但悬停状态仍呈现浏览器默认值

.menunav a:hover {font-weight:300;}

编辑：以上没有解决问题。然而，导航系统的固定定位似乎有问题。将“-webkit字体平滑：抗锯齿；”添加到正文或html标记将创建字体一致性。

只需注意-您的html无效。您需要切换

和

的嵌套。我想扩展按钮上的链接区域，但似乎可以。。任何建议..？扩展链接区域仍然可以用正确的HTML代码完成。我看不到你的字体在你提供的链接上变粗。这里：不，它不起作用：（列表中的悬停按钮会影响中的所有内容。这不应该发生！（我使用OS X 10.9.1-Safari 7.0.1）将导航的位置设置为“修复”。虽然不是一个完美的修复，但你可以添加“-webkit字体平滑：抗锯齿；”添加到正文或html标记以实现字体一致性。

<body>
<nav><div class="wrapmobile"><div class="title"><h1>{Title}</h1><br/>{block:Description}<h2>{Description}</h2>{/block:Description}</div></div>
<div class="menunav">
    <ul>
        <a href="/"><li class="home">Home</li></a>
        <a href="/me"><li class="about">About</li></a>
        <li class="contacts">Contacts
            <div class="showmenav">
                <ul class="dropdown">
                    <a href="http://twitter.com/"><li>Twitter</li></a>
                    <a href="/ask"><li>Ask</li></a>
                    <a href="/"><li>Skype</li></a>
                </ul>
            </div>    
        </li>
        <li class="search"><a href="/archive">History</a></li>
    </ul>
</div>
</nav>
</body>

.menunav a:hover {font-weight:300;}