1.页面中有如下部分： sdfsd1 sdfsd2 sdfsd3 sdfsd4 sdfsd5 2.如果要为每个div的第一个子元素添加一个样式，如字体颜色为蓝色，可以每个标签上添加cl...
分类：
其他好文 时间：
2015-07-01 20:21:26
阅读次数：
136
CSS伪元素:before和:after可以实现很多有趣的功能，我们项目中使用的ionicframework框架的ionic.css文件中大量使用到了这2个伪元素。伪元素可以用来定义样式，但是和正常的dom元素不同，我们没有办法选中这些伪元素，也就不能像普通元素那样来修改它。我们没有办法直接选中伪元素来修改它的样式，只能是通过新增伪元素来覆盖之前伪元素的样式。...
分类：
编程语言 时间：
2015-06-29 20:20:14
阅读次数：
913
一 基础用法在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是配合 CSS3 使用，就无所谓向下兼容了：p:before {}img::a....
分类：
Web程序 时间：
2015-06-29 20:14:27
阅读次数：
174
CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文...
分类：
Web程序 时间：
2015-06-29 20:07:01
阅读次数：
188
1.伪类的顺序：link->visited->hover(focus)->active。2.选择器的特殊性:a.行内样式; b.id选择器; c.类、伪类、属性选择器(例:class属性); d.类型选择器和伪元素选择器的数量(例:p标签)。abcd越大,优先级越高。3.相对定位占据原来的空间,绝对...
分类：
Web程序 时间：
2015-06-25 22:56:17
阅读次数：
195
Codrops 给我们分享了一组新鲜的按钮样式和效果的集合。它们中的大部分效果都使用了CSS3过渡和伪元素，他们都有一个共同点，那就是都具有简单性，没有太多的动画，而是尝试添加一些通过颜色和形状的变化来呈现的效果。在线演示 源码下载
分类：
其他好文 时间：
2015-06-23 13:22:08
阅读次数：
129
第三章 今天来说说我对css中权重的看法，下面是的观点！ 声明来自style属性而不是选择器： 计作1或者a=1 选择器中id属性的个数,计作b? 选择器中其他属性以及伪类的个数，计作c? 选择器中元素及伪元素的个数，计作d? 优先级只基与选择器的形式，特殊的，一个“[id=...
分类：
Web程序 时间：
2015-06-21 15:45:49
阅读次数：
250
css代码：1 *{ margin: 0; padding: 0; }2 ul, li{ list-style: none; }3 #ul1{ border: 1px solid red; }4 #ul1 li{ border: 1px solid green; }5 #ul1:after{ co....
分类：
其他好文 时间：
2015-06-18 22:05:08
阅读次数：
738
之前写了一篇《详解 CSS 属性 - :before && :after》的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。首先，阅读w3c对两者的定义：CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用...
分类：
Web程序 时间：
2015-06-18 18:45:03
阅读次数：
143
:before 和 :after 的内幕伪类 VS 伪元素这两个概念很容易混淆，即使你Google或者查W3C的资料都不一定搞得清。答案其实很简单，如下：伪类：作用对象是整个元素首先，来看几个伪类?a:link {color:#111}a:hover {color:#222}div:first-ch...
分类：
其他好文 时间：
2015-06-18 13:27:08
阅读次数：
96
