赞助我以写出更好的文章,give me a cup of coffee? 2017最新最全前端面试题 伪类选择器 伪类选择器: 和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些…
标签:伪元素
总结常用伪类与伪元素
总结常用伪类与伪元素 伪类和伪元素是为了格式化 DOM 树以外的信息而被引入的。 伪类 一个 CSS 伪类是以一个冒号(:)作为前缀,被添加到一个选择器末尾的关键字,可以让指定的元素在特定的状态呈现指定的样式。例如 :h…
标签与before,after伪元素生成加号before 伪元素在元素之前添加内容。 ::after伪元素在元素之后添加内容。 注意: CSS2及以前的使用方法是a:before,CSS3规定的是a::before,为防止兼容性的问题,建议使用a::before。…
如何只用 CSS 完成漂亮的加载
为什么要做加载 只想说, 本文最重要的是对 CSS, 伪元素, keyframe的分享, 以及读者对这些东西的真正掌握, 我并不是怂恿大家在每一个页面的前面都去加一个酷炫的加载 我是如何做的 不同的页面, 对加载的设计也…
禁止用户选择的另一种思路(兼容 IE8)
user-select 前端开发中常常会遇到一种需求,让某些元素的内容不能被选中,一般的做法会用 user-select: none 来做,由于 user-select 并不是标准的 CSS 属性,所以使用的时候要加上浏…
before 伪元素在元素之前添加内容。 ::after伪元素在元素之后添加内容。 注意: CSS2及以前的使用方法是a:before,CSS3规定的是a::before,为防止兼容性的问题,建议使用a::before。…
如何只用 CSS 完成漂亮的加载
为什么要做加载 只想说, 本文最重要的是对 CSS, 伪元素, keyframe的分享, 以及读者对这些东西的真正掌握, 我并不是怂恿大家在每一个页面的前面都去加一个酷炫的加载 我是如何做的 不同的页面, 对加载的设计也…
禁止用户选择的另一种思路(兼容 IE8)
user-select 前端开发中常常会遇到一种需求,让某些元素的内容不能被选中,一般的做法会用 user-select: none 来做,由于 user-select 并不是标准的 CSS 属性,所以使用的时候要加上浏…