700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css选择器怎么看鼠标移上状态 在CSS选择器中什么样式表示鼠标移上状态

css选择器怎么看鼠标移上状态 在CSS选择器中什么样式表示鼠标移上状态

时间:2019-03-08 14:35:55

相关推荐

css选择器怎么看鼠标移上状态 在CSS选择器中什么样式表示鼠标移上状态

满意答案

你好!如果你已经定义好CSS名了,那你就在CSS名边加空格加上鼠标移上状态就行了。比如我现在设置了一个名为C1的样式名称,那我要加上鼠标移上状态,方法如下:

原态:.C1{font-size:12px; color:#000}

//表示设置的C1样式为黑色12号字

链接状态: .C1 a{font-size:12px; color:#000; text-decoration:none}

//a表示带链接文字为无下划线

鼠标移上状态:.C1 a:hover{font-size:14x; color:#900; text-decoration:none}

//a:hover表示鼠标移上后文本变为暗红色14号字,且无下划线

你要问的就是a:hover这个,它表示就是鼠标移上后的效果

如果你就是设置标签超链接a的样式的话,那你直接就作以下处理:

a{font-size:12px; color:#000; text-decoration:none} //链接状态

a:hover{font-size:12px; color:#000; text-decoration:none} //鼠标移上状态

这些就是你所链接提的问题了,链接状态还其它的,我也分析一下,以供参考:

a:link表示正链接状态

a:visited表示已访问状态

a:hover表示鼠标移上滑过状态

a:active表示正在作访问的状态

希望我的回答能令你满意!

00分享举报

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。