伪类 css2.1, 合法伪类只有 a 标签有, link visited hover active p:hover: 现在人人都有, IE7兼容, 其他三个还是只有 a 有. p:foucus: 得到焦点的元素. (下面是和表单有关的) p:checked: 被选中的元素. p:disabled: ...
分类:
Web程序 时间:
2016-10-14 14:28:33
阅读次数:
175
css中的伪类和伪元素总是混淆,今天参考了很多资料,也查看了部分文档,现将伪类及伪元素总结如下: 一、由来: 伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述,比如CSS没有“段落的第一行”、“文章首字母”之类的选择器,而这在一些出版场景里又是必须的,这一情况下出现的。引用标准中的话: 其 ...
分类:
Web程序 时间:
2016-10-10 23:04:08
阅读次数:
265
1.第一等:代表内嵌样式;如:style=" ",权重值为10000. 2.第二等:代表ID选择器;如:#content,权重值为0100. 3.第三等:代表类,伪类和属性选择器;如:.content,权重值为0010. 4.第四等:代表元素和伪元素选择器;如:div p,权重值为0001. 5.第 ...
分类:
Web程序 时间:
2016-10-08 01:33:40
阅读次数:
194
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外, ...
分类:
Web程序 时间:
2016-10-03 12:43:51
阅读次数:
171
原文地址:http://justcoding.iteye.com/blog/2032627 CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创 ...
分类:
Web程序 时间:
2016-09-30 15:19:23
阅读次数:
143
首先我们看一下css伪元素是什么: CSS 伪元素用于向某些选择器设置特殊效果。 伪元素有哪些: :first-line 伪元素:"first-line" 伪元素用于向文本的首行设置特殊样式。 :first-letter 伪元素:"first-letter" 伪元素用于向文本的首字母设置特殊样式。 ...
分类:
Web程序 时间:
2016-09-27 00:27:26
阅读次数:
242
首先我们看一下css伪元素是什么: CSS 伪元素用于向某些选择器设置特殊效果。 伪元素有哪些: :first-line 伪元素:"first-line" 伪元素用于向文本的首行设置特殊样式。 :first-letter 伪元素:"first-letter" 伪元素用于向文本的首字母设置特殊样式。 ...
分类:
Web程序 时间:
2016-09-26 17:59:04
阅读次数:
119
Before和After用法小结 定义 :before 选择器在被选元素的内容前面插入内容。:after选择器在被选元素的内容后面插入内容。(注:必须包含content 属性) 一、特性:不能左右:empty伪类 此表现说明,空元素内部使用伪元素生成的内容,是不被:empty伪类认可的,选择器依然认 ...
分类:
其他好文 时间:
2016-09-26 16:20:02
阅读次数:
190
一、样式类型 1、行间 2、内联 3、外部 二、选择器类型 1、ID #id 2、class .class 3、标签 p 4、通用 * 5、属性 [type="text"] 6、伪类 :hover 7、伪元素 ::first-line 8、子选择器、相邻选择器 三、权重计算规则 四、比较规则 五、! ...
分类:
Web程序 时间:
2016-09-26 00:39:12
阅读次数:
350