hover选择器

hover选择器干嘛的?

选择鼠标所悬浮的元素。

怎么用的?

语法是selector:伪类
注意中间是冒号。

<!DOCTYPE html>
<html>
<head>
<style>
a:hover { background-color:yellow}
//属性和属性值都不要加引号,加了不行
</style>
</head>
<body>

<a href="http://www.w3school.com.cn">W3Sschool</a>
<a href="http://www.google.com">Google</a>
<a href="http://www.wikipedia.org">Wikipedia</a>

<p><b>注释:</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>

</body>
</html>

为啥用冒号隔开?

防止引起误解,比如p.hover还以为是id class是p的元素呢!

为啥叫伪类?

因为不是dom树上的,而是和用户交互时才产生的。比如
hover

那和伪类对应的类叫啥?

叫css类
css类选择器和伪类选择器是可以一起用的,比如
p.meinv:hover

参考

CSS :hover 伪类
CSS3 选择器——伪类选择器_css3选择器, 伪类选择器, CSS选择器 教程_w3cplus

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 12,110评论 1 62
  • :link选择器设置指向未被访问页面的链接的样式:visited 选择器用于设置指向已被访问的页面的链接:acti...
    3745e2022a1d阅读 3,106评论 0 0
  • 每天都卡点起,也是够了。 今天考试加油吧,尽力哪。 考完啦,啦啦啦。 《胭脂》剧陆毅怎么那么会撩,不错。 800年...
    世俗凡人阅读 2,642评论 4 3
  • 异乡的粘膏树长的真美,粗大的树干整齐的排列着数不清的凿眼。在这秋色里,变成一道独特的风景。漫步在这小小的山村...
    那生如夏花阅读 2,828评论 0 2

友情链接更多精彩内容