每个元素可以被多个选择器匹配，那么样式冲突的时候怎么决定用哪个样式呢？ 每个选择器都有特殊性，冲突时，特殊性高的样式胜出。 规则 特殊性值表示为4个部分，如：0,0,0,0 具体规则如下： ID选择器0,1,0,0 类选择器、属性选择器、属性值选择器、伪类0,0,1,0 元素选择器、伪元素选择器0, ...
分类：
其他好文 时间：
2017-04-27 00:37:26
阅读次数：
201
首先类似于十进制的理解。 0010大于0001。 id = 0,1,0,0; class, [属性值]，:伪类 = 0,0,1,0； <元素>，:伪元素/*:before ,:after,:first-line,:first-letter*/ = 0,0,0,1； * = 0,0,0，0（大于继承值 ...
分类：
Web程序 时间：
2017-04-25 13:29:48
阅读次数：
215
伪元素是一个好东西，但是很多人都没怎么用，因为他们觉得伪元素太诡异了。其实使用伪元素有很多好处，最大的好处是它可以简化页面的html标签，同时用起来也很方便，善于使用伪元素可以让你的页面更加地简洁优雅。 更好的阅读体验移步：http://yincheng.site/using-before-afte ...
分类：
其他好文 时间：
2017-04-21 22:56:58
阅读次数：
238
转载自：http://www.jb51.net/article/81984.htm 一. 缘由： 本文源于在OSC社区中，有人提问如何用jq获取伪元素。我第一想法是强大的CSS Query应该可以获取伪元素吧。 然而事实上，CSS Query并不能。即我们不能通过$(“:before”)、$(dom ...
分类：
Web程序 时间：
2017-04-21 00:39:48
阅读次数：
279
通过css2D变形我们可以轻松得到平行四边形，那么通过此技巧可以得到梯形吗？ no！ 不过我们可以通过3D旋转得到类似这样的效果： transform：perspective（0.5em） rotateX（5deg） 来生成一个梯形。 我们发现元素内容也跟着变形了。 解决方案： 把效果座椅与伪元素上 ...
分类：
Web程序 时间：
2017-04-14 16:21:31
阅读次数：
486
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>68-伪元素选择器</title> <style> *{ margin: 0; padding: 0; } div{ width: 200px; height: ...
分类：
其他好文 时间：
2017-04-02 17:47:03
阅读次数：
206
今天复习css时发现：：的css选择器，查了一下，知道有伪元素和伪类这件事，他们的区别是什么呢？很幸运已经有人总结好了！CSS3伪类和伪元素的特性和区别。前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及标签的:link、visited等，伪元素较常见的比如... ...
分类：
Web程序 时间：
2017-04-02 00:06:24
阅读次数：
250
在移动端制作固定背景时（利用fixed）会出现滚动条滚动时，背景图会跟着滚动，； 解决办法就是给body加个伪元素。 body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left ...
分类：
移动开发 时间：
2017-03-30 13:50:42
阅读次数：
177
CSS - 伪类和伪元素的区别 本文转载于http://www.cnblogs.com/iceflorence/p/5796083.html 伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中特别的内容（ ...
分类：
Web程序 时间：
2017-03-29 23:07:10
阅读次数：
217
伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中特别的内容（伪元素）。区别总结如下： css伪元素 (Pseudo-elements)：用于向某些选择器设置特殊效果，是对元素中的特定内容进行设置和操作， ...
分类：
Web程序 时间：
2017-03-28 21:20:52
阅读次数：
189
