选择器的等级 我们按照优先级把CSS选择器大体分为如下4等： 第一等：内联样式，如: style=""，权值为1000； 第二等：代表ID选择器，如：#content，权值为0100； 第三等：类、伪类和属性选择器，如.content，权值为0010； 第四等：元素、伪元素，如div、:after， ...
分类：
Web程序 时间：
2017-02-19 19:59:27
阅读次数：
197
如果现在能有清理浮动的办法,但不至于在文档中多一个没有用的空标记,这时的效果是最好的!引入:after伪元素选择器,可以在指定的元素的内容添加最后一个子元素 .container:after{ } 如何写入内容呢? >content属性,写入内容 于是 .container:after{ conte ...
分类：
Web程序 时间：
2017-02-15 14:52:48
阅读次数：
595
总结各种CSS3选择器的介绍及具体语法 还可学到 自定义复选框效果和图片阴影效果 众多选择器的意义就在于可以减少很多不必要的选择器定义，不必遇到标签就设置class或者ID，这样做会让浏览器更便于阅读，更容易让搜索引擎优化。 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 ...
分类：
Web程序 时间：
2017-02-10 21:51:23
阅读次数：
298
伪类用于向某些选择器添加特殊的效果。 伪元素用于将特殊的效果添加到某些选择器。 伪类有：:first-child ，:link:，vistited，:hover，:active，:focus，:lang 伪元素有：:first-line，:first-letter，:before，:after 使用 ...
分类：
Web程序 时间：
2017-02-09 16:06:05
阅读次数：
182
清除浮动，又叫“闭合浮动”，目的是解决父盒子高度为0的问题。 方法一：额外标签法 方法二：Overflow: hidden 触发bfc模式 就不用清除浮动 方法三：伪元素 方法四： 双伪元素 ...
分类：
其他好文 时间：
2017-01-31 19:17:21
阅读次数：
207
我不知道是否有其他人能看见我写的内容，由于我是一个渣渣，很多内容都不知道，所以将这些很简单的东西都记录下来，希望不小心点进来的大神们，能吐槽一下我，呃指点一下我。和我一样的小白们希望能相互学习，谢谢了。 在css中可以使用before伪元素选择器 after伪元素选择器在页面中插入内容，而插入的内容 ...
分类：
其他好文 时间：
2017-01-20 23:30:24
阅读次数：
247
作为前端人员，每天要与满屏的标签、元素打交道，通过元素与样式类的结合，呈现出一个个美丽优雅的页面，其中也包括css伪类和伪元素的应用，随着前端的发展深入，开发人员运用越来越多的整合技术，使得我们的工作更快捷高效高逼格，下面就来整理一下css中伪类和伪元素的应用； css伪类： 什么是css伪类(ps ...
分类：
Web程序 时间：
2017-01-20 20:42:06
阅读次数：
254
使用了兼容ie8的background-size htc,如果是display:block的元素,它的背景显示是没问题的,但是如果这个元素display:none,则背景不显示,或者,这个元素是个伪元素,也不显示,迫于赶工期,不使用背景了,直接增加一个图片元素,一切都ok了 ...
分类：
Web程序 时间：
2017-01-20 11:12:13
阅读次数：
655
前言：我们做前端时，会遇到一些需求，要求把默认浏览器的滚动条样式给改写了，诶。好好的改它干啥了，也带不来用户体验，就是好看点嘛！实现原理其实是用了伪元素，webkit的伪元素实现很强，可以把滚动条当成一个页面元素来定义，再结合一些CSS3属性，比如圆角、渐变、rgba等等。最常见的伪元素，我们最熟悉 ...
分类：
Web程序 时间：
2017-01-15 23:55:28
阅读次数：
351
:before,:after伪元素 伪元素特性（目前已经遇到的） 它不存在于文档中，所以js无法操作它 它属于主元素本身，有些伪类仅仅是代表元素内容的一部分，譬如:first-letter代表第一个字母；因此当伪元素被点击的时候触发的是主元素的click事件 块级元素才能有:before, :aft ...
分类：
Web程序 时间：
2017-01-14 20:02:48
阅读次数：
228
