美文网首页
初级了解css3伪类选择器

初级了解css3伪类选择器

作者: 周周很可爱 | 来源:发表于2019-06-02 20:44 被阅读0次

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

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

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

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

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

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

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

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

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

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

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

相关文章

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • HTML5和CSS3新增内容

    CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 颜色:新增RGBA,HSL...

  • 第2章 CSS3选择器-4

    2.9 否定伪类选择器 否定伪类选择器":not()"是CSS3的新选择器,类似jQuery中的":not()"选...

  • 2019前端经典面试题 CSS 部分常见问题

    CSS部分常见问题 1、CSS3选择器有哪些? 答:属性选择器、伪类选择器、伪元素选择器。 2、CSS3新特性有哪...

  • CSS3属性选择器

    CSS3中属性选着器增加了3个 结构性伪类选择器 CSS3结构性伪类选择器 CSS3选择器详解二 第二部分小节 、...

  • 前端零基础课程--第八节课

    CSS3高级 复杂选择器:兄弟选择器、属性选择器、伪类选择器、伪元素选择器 兄弟选择器 相邻兄弟选择器(+):选出...

  • 初级了解css3伪类选择器

    在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。 先来了解一下css3选择器的分类 css3选择器...

  • CSS3笔记(一)选择器

    回顾css3之前的选择器 css3选择器 1、属性选择器 2、结构 伪类选择器 注意点 : 选择是分类型,排序是不...

  • 巧用CSS3伪类选择器自定义checkbox和radio的样式

    巧用CSS3伪类选择器自定义checkbox和radio的样式

  • css3(1)

    之前的css属性选择器包括:类选择器,id选择器,标签选择器,关联选择器,组合选择器,伪类选择器等 css3属性选...

网友评论

      本文标题:初级了解css3伪类选择器

      本文链接:https://www.haomeiwen.com/subject/vaagtctx.html