css选择器常见包括id（#id）、标签（tag）、class（.class）、属性[attr=attrval]等，还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理，也能在一定程度上减少js对dom的操作！ 定义 伪类包含两种：状态伪类和结构性伪类。 状态伪 ...

前言 CSS的伪类和伪元素在平时的代码中经常会出现，可是一旦别人问你，什么是伪类，什么是伪元素，可能还是不能完整的表述出来，下面我们来一探究竟。 伪类和伪元素定义 伪类用于在页面中的元素处于某个状态时，为其添加指定的样式。 伪元素会创建一个抽象的伪元素，这个元素不是DOM中 ...

CSS中伪类及伪元素用法详解 伪类的分类及作用： 注：该表引自W3School教程 伪元素的分类及作用： 接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： 伪元素和伪类的区别 ...

伪类的分类及作用： 注：该表引自W3School教程 伪元素的分类及作用： 接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： :active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用 ...

一、区别： （1）伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入 ...

css中的伪类和伪元素总是混淆，今天参考了很多资料，也查看了部分文档，现将伪类及伪元素总结如下： 一、由来： 　　伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述，比如CSS没有“段落的第一行”、“文章首字母”之类的选择器，而这在一些出版场景里又是必须的，这一情况下出现的。引用标准中 ...

转载：http://www.cnblogs.com/ihardcoder/p/5294927.html CSS3伪类和伪元素的特性和区别 前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link ...

对于伪类和伪元素，做前端的大多数人都听过，只是我们经常将两者弄混淆，下面我们就具体来看看它们各自的概念与用法： 1、为什么css要引入伪类和伪元素呢？ css2.1 Selectors章节中对伪类与伪元素的描述： 　　CSS introduces the concepts ...