总结在前：0. 参考资料1. 伪类和伪元素是不同的两种东西。2. 伪类和伪元素都属于CSS选择器。3. CSS引入伪类和伪元素是为了实现基于文档树之外的信息，i.e. 段落的第一行，的格式化。4. 伪类和伪元素都不出现在源文件和文档树中。 伪类：一开始单单只是用来表示一些元素的动态状态，典型的是的....
分类：
Web程序 时间：
2015-09-10 22:27:07
阅读次数：
201
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3381本文参考自TJ VanToll的List of Pseudo-Elements to Style Form Cont...
分类：
其他好文 时间：
2015-09-08 15:27:34
阅读次数：
220
::before和::after伪元素的用法一、介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::aft...
分类：
其他好文 时间：
2015-09-05 23:29:29
阅读次数：
457
一：:before && :after的用法:before如同对伪元素的名称一样，:before是用来给指定的元素的内容前面插入新的内容。举例说明：.before:before{content:'you before'; color:red;} me在这里我们给伪元素:before添加了属性cont...
分类：
Web程序 时间：
2015-09-05 22:02:02
阅读次数：
269
首先，阅读w3c对两者的定义：CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他css无法描述的东西。伪类种类伪元素种类区别这里用伪类:first-child和伪元...
分类：
Web程序 时间：
2015-08-27 18:37:01
阅读次数：
156
有三种实现方式：伪元素（pseudo-elements）、伪类（pseudo-classes）和Notihing。WebKit和Blink（Safari,GoogleChrome,Opera15+）使用伪元素::-webkit-input-placeholderMozillaFirefox4-18使用伪类:-moz-placeholderMozillaFirefox19+使用伪元素::-moz-placeholderIE10使用伪..
分类：
Web程序 时间：
2015-08-27 11:19:44
阅读次数：
141
有关选择符的优先级问题： 在CSS那些事上面看到的一个很生动的叫法，他创建了一个优先积分来评定选择符的优先级： 标签选择符，伪类伪元素，优先积分为0； 类选择符，属性选择符，优先积分为10； ID选择符，优先积分为100； 标签内的style属性，优先积分为1000； ...
分类：
Web程序 时间：
2015-08-25 18:33:40
阅读次数：
134
当开发web应用程序时，表单样式是个头疼的问题。以前，web开发人员不得不接受一个现实，就是由客户端浏览器控制表单样式。然而，作者通过伪元素给web渲染引擎添加钩子，就可以控制表单的显示。然而，所有这些伪元素都是依赖于特定浏览器引擎的(所以要带有浏览器引擎前缀)，这样方便区分特定的浏览器引擎。以下是...
分类：
Web程序 时间：
2015-08-12 01:11:58
阅读次数：
246
一、介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::befor...
分类：
其他好文 时间：
2015-08-11 15:46:57
阅读次数：
132
1）先完成一个导航条 nav1 nav2 nav3 效果如下：2）在每个导航的最右侧做一个 下三角，考虑到代码的简洁性，每个导航条的最右侧加一个伪元素，这个伪元素需要绝对定位，所以li元素需要加上相对定位。3)那么三角具体怎么做呢？用c...
分类：
Web程序 时间：
2015-08-10 23:46:42
阅读次数：
298
