我有以下
HTML和CSS.
当我将鼠标悬停在列表上时,我想要更改背景颜色和字体颜色.
但是当我将鼠标悬停在列表的填充上,边框上或列表内的边框附近时,我的样式不会改变.
我该怎么做?
#nav li{ display: inline; text-align: center; list-style-type:none; background-color:#1A365B; margin: 0 6px 0 0; padding: 2px 11px 4px 11px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #nav li:hover{ background-color:#E0F1EA; border: 2px solid #000; color: #000000; padding: 0 9px 2px 9px; } #nav li a:hover{ color: #000000; } #nav li a{ text-decoration: none; color: #ffffff; font-weight:bold; font-family: 'CantarellBold',Arial,sans-serif; text-transform: capitalize; font-size: 12px; } <ul id="nav" class="grid_16"> <li><a href="#">FORSIDE</a></li> <li><a href="#">MOBIL</a></li> <li><a href="#">PC OG SERVERE</a></li> <li><a href="#">TJEnesTER</a></li> </ul>
解决方法
尝试以下:
#nav li:hover a{ color: #000000; }
原文地址:https://www.jb51.cc/css/215465.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。