先来一条金科玉律： 伪类的效果可以通过添加一个实际的类来达到；伪元素的效果可以通过添加一个实际的元素来达到。 第一部分，Pseudo-classes，伪类 一、链接系 （这个应该是最熟悉的啦。） a:link——未访问的链接 a:visited——已访问的链接 a:hover——鼠标悬浮在链接上时的 ...
分类：
Web程序 时间：
2016-07-23 19:34:21
阅读次数：
224
如何对元素进行计数？在早期，只有ol和ul可以对子元素li进行排序，，而CSS2.1规范中加入了counter这一新属性，配合伪元素:before、:after中的content使用，便可以对指定的元素进行排序了。 CSS计数器包括了counter-reset、counter-increment、c ...
分类：
Web程序 时间：
2016-07-23 18:15:40
阅读次数：
317
一、总结： ::before是在标签内容前面添加内容， ::after是在标签内容后面添加内容 ::before ::after与:before :after的区别：css3中修订后的伪元素使用：：两个冒号，使用单冒号和双冒号的功能还是一样，IE8只支持单冒号的伪元素，所以使用单冒号的最安全。 关于 ...
分类：
Web程序 时间：
2016-07-20 21:33:01
阅读次数：
1297
伪元素就是源码html中不存在，而视觉上又存在的元素 简单用法： blockquote:before { content: open-quote; // 其他样式 } // 表示在blockquote标签后面添加引号 注意点 css3 的content属性可以往页面元素里面填写内容; 没有内容时要写 ...
分类：
其他好文 时间：
2016-07-20 19:09:33
阅读次数：
134
选择器分类简单选择器基础选择器属性选择器伪类选择器伪元素选择器组合选择器基础选择器
分类：
Web程序 时间：
2016-07-17 18:11:45
阅读次数：
245
最近无论是工作还是自我学习提升都很忙，面对长篇大论的博文总是心有余而力不足，但又不断的接触学习到零碎的但是很有意义的知识点，很想分享给大家，所以本篇可能会很短。 本篇接我另一篇讲述 CSS 伪元素的文章： 【CSS进阶】伪元素的妙用–单标签之美，看完本文觉得有意思的可以再去看看上一篇，分享了一些伪元 ...
分类：
Web程序 时间：
2016-07-13 22:57:28
阅读次数：
267
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， ...
分类：
Web程序 时间：
2016-07-13 22:03:20
阅读次数：
213
一、特性表现one: 不能左右:empty伪类 CSS3选择器中有个:empty伪类，表示当元素里面什么都没有的时候（包括空格、标签内换行），应用相关样式。在现代web网页开发制作中，非常常用也非常方便。 例如，某元素类名是.box, 如下HTML和CSS: 因为.box里面是空大屁，所以，呈现的背 ...
分类：
Web程序 时间：
2016-07-05 18:57:54
阅读次数：
146
Css溢出省略号 CSS伪元素 :before 和 :after 基本用法 元素尾部自动清除浮动 清除外边距 悬浮出现方括号 悬浮出现双边框 CSS清除浮动各种方法： 浮动产生负作用 1.margin padding设置值不能正确显示2.背景不能显示3.边框不能撑开 方法： 1.父级div定义 he ...
分类：
Web程序 时间：
2016-07-04 13:36:10
阅读次数：
277
伪类 a:link 未访问的链接 a:visited 浏览之后链接 a:hover 鼠标移动到链接上的表现形式 a:active 选定的连接 元素:facous 鼠标对焦时 元素:first-child 首个子对象 伪元素 元素:first-line 首行 元素: first-letter 首字母 ...
分类：
Web程序 时间：
2016-07-04 10:05:20
阅读次数：
198
