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

 我来答
xnkao
推荐于2017-11-25 · TA获得超过3545个赞
知道大有可为答主
回答量:1142
采纳率:0%
帮助的人:873万
展开全部
  你好!如果你已经定义好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表示正在作访问的状态

  希望我的回答能令你满意!
d7pp
2012-12-19 · TA获得超过2268个赞
知道大有可为答主
回答量:2942
采纳率:0%
帮助的人:2543万
展开全部
link表示正常
visited表示已访问
hover表示悬停

active表示正在访问

写的时候要按照这个顺序,否则会有冲突
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
RozingS
2012-12-20 · TA获得超过113个赞
知道答主
回答量:61
采纳率:0%
帮助的人:41.6万
展开全部
这是css基础的一个知识点,叫做伪类。
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

给你一些链接吧
http://developer.51cto.com/art/201009/224172.htm

http://www.w3cplus.com/css3/pseudo-class-selector
来自:求助得到的回答
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
CCMaiCWW
2012-12-20 · TA获得超过1974个赞
知道大有可为答主
回答量:2128
采纳率:0%
帮助的人:1695万
展开全部
a:hover{这个是鼠标悬停状态}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
banxi1988
2012-12-19 · TA获得超过579个赞
知道小有建树答主
回答量:327
采纳率:66%
帮助的人:272万
展开全部
selector:hover{}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式