CSS选择器：伪类（图文详解）
本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点 ...
原文：CSS选择器：伪类（图文详解）
伪类 伪类选择器 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做 伪类 。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类 不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做 伪类 。 静态伪类和动态伪类 伪类选择器分为两种。 静态伪类：只能用于超链接的样式。如下： :link超链接点击之前 :visited链接被访问 ...
2019-08-16 08:50 0 2333 推荐指数：
相关推荐
css(二) 伪类选择器
[CSS快速入门（二）] 伪类选择器 简介 伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样，帮你在你的标记文本中减少多余的类，让你的代码更灵活、更易于维护 ...
CSS选择器之伪类选择器（元素）
:first-child 选择某个元素的第一个子元素（IE6不支持） :last-child 选择某个元素的最后一个子元素 :first-of-type [CSS3]选择一个上级 ...
CSS3 选择器——伪类选择器
前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于 ...
CSS选择器（伪类选择器）
伪类选择器 伪类专门用来表示元素的一种特殊的状态 比如：访问过的超链接，比如普通的超链接，比如获取焦点的文本框 当我们需要为处在这些特殊状态的元素设置样式时，就可以使用伪类 有四个伪类可以让你根据访问者与该链接的交互方式，将链接设置成4种不同的状态： * 正常链接 ...
css选择器，伪类和伪元素的区别
1、类选择器：class名 =>p.info {} //选择class为info的所有p元素 2、id选择器： id名 => #info {} //选择id为info的元素 不能为多个元素同时设置相同的id 3、标签选择器：标签名 => div {} //选择所有 ...
CSS3 新增选择器：伪类选择器和属性选择器
一、结构（位置）伪类选择器（ : ） 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器（[ ]） 1、[ 属性 ...
CSS3选择器——属性选择器、关系选择器、结构化伪类选择器、伪元素选择器、伪链接
属性选择器 属性选择器可以根据元素的属性及属性值来选择元素。CSS3中新增了 3 种属性选择器：E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 属性选择器 E[att^=value] 属性选择器是指选择名称为 E ...