初级了解css3伪类选择器

在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。

先来了解一下css3选择器的分类  css3选择器包括五种选择器(1.基本选择器 2.层次选择器 3.伪类选择器 4.伪元素5.属性选择器),伪类选择器简单来说就是同一个标签,根据其不同的种状态,有不同的样式,这就叫做“伪类”。伪类用冒号来表示,伪类选择器分为两种,一种是静态伪类,只能用于超链接的样式,一种是动态伪类,针对所有标签都适用的样式。

先来认识一下静态伪类,它只能用于超链接a标签,a标签有四种伪类

:link     设置超链接a在未被访问前的样式

:visited  设置超链接a在其链接地址以被访问过时的样式

:hover  设置鼠标悬停时的样式

:active  设置鼠标激活状态的样式

还有一种是动态伪类,适用于所有标签。

:hover “悬停”:鼠标放到标签上的时候

:active “激活”: 鼠标点击标签,但是不松手时。

:focus 是某个标签获得焦点时的样式(比如某个输入框获得焦点)

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

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,894评论 1 45
  • css选择器可分为几个大类: 基础选择器 伪类选择器 属性选择器 伪元素选择器 多元素组合选择器 一、基础选择器 ...
    无涯_9322阅读 2,311评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,207评论 1 92
  • CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 4,298评论 1 13
  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 7,559评论 1 62

友情链接更多精彩内容