<div class="test">则是测试div</div>
.test: hover {
color: orange
font-weight: bold
}
当鼠标悬停在 div test 上时,test里面的文字会加粗,颜色变为橘色。
鼠标悬停伪类在手机端是看不到效果的,因为手机端是触屏的
:active选择器用于选择活动链接。
当在一个链接上点击时,它就会成为活动的激活的。
:active选择器适用于所有元素,不仅限于链接a元素。
:focus,:focus 选择器用于选取获得焦点的元素。
仅接收键盘事件或其他用户输入的元素允许 :focus 选择器。
a{display:block,width:60px,height:40px,把每个导航超链接a标签都设置成块儿,设置好尺寸,具体根据图片的尺寸。
不做成块儿,就无法设置宽高,也就看不到你设置的背景图片。
a:hover{background:url(images/bg_2.jpg)}举例的这个bg_2.jpg就是鼠标放上去之后先是的背景图片。
css中悬停改变样式的最好方法是用伪类选择器div:hover{}。css代码示例如下:\x0d\x0a\x0d\x0adiv{width:100pxheight:200pxbackground:#000}\x0d\x0adiv:hover{background:#fff}\x0d\x0a\x0d\x0a这是一个修改背景颜色的示例,伪类里可以修改跟多的样式,宽度,高度或者字体大小,字体颜色都是可以修改的。