我遇到了一种在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] 删除。
我来说两句