我遇到了一种在CSS中做一个包含悬停的菜单的好方法：
#cssmenu li:hover a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
background: #1010ff;
border: 1px solid #13a0ff;
-moz-box-shadow: inset 0 5px 10px #13a0ff;
-webkit-box-shadow: inset 0 5px 10px #13a0ff;
box-shadow: inset 0 5px 10px #13a0ff;
}
但是，我试图弄清楚“ a”在做什么
#cssmenu li:hover a {
我在http://www.w3schools.com/css/css_pseudo_classes.asp中看到了其他引用，这些引用在带有冒号的悬停前带有a：
a:hover {
color: #FF00FF;
}
还在学习CSS...。
<a>当父<li>标记悬停时，它将更改子标记的外观。
您可以使用此方法更改单个元素：hover上多个元素的外观，并假设它们是已悬浮元素的子代。
例如，使用以下html：
<div>
<p>Some Text</p>
<a href="#">Go Here"</a>
</div>
而这个CSS：
div:hover{
background:#cc0000;
}
div:hover p{
font-weight:bold;
}
div:hover a{
color:#ffffff;
}
当<div>盘旋时，<div>改变背景颜色，<p>文字变为粗体表示，<a>文本颜色发生变化。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句