::before和::after伪元素的用法_html/css_WEB-ITnose
来源：懂视网
责编：小采
时间：2020-11-27 16:10:27
::before和::after伪元素的用法_html/css_WEB-ITnose
::before和::after伪元素的用法_html/css_WEB-ITnose:一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类。:hover,:link,:active,:target,:not(),:focus。 常见伪元素。::first-letter,::first-line,::before,::after,::selection。 ::before和::afte
导读::before和::after伪元素的用法_html/css_WEB-ITnose:一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类。:hover,:link,:active,:target,:not(),:focus。 常见伪元素。::first-letter,::first-line,::before,::after,::selection。 ::before和::afte
7、超链接特效
举例：配合 CSS定位实现一个鼠标移上去，超链接出现方括号的效果
更多创意链接特效可参考： Creative Link Effects 。
8、::before和::after实现多背景图片
举例：一个标签应用5张背景图
原效果来自：Multiple Backgrounds and Borders with CSS 2.1
这个效果看的真的是脑洞大开，虽然多背景图用css3的background-image很容易就能实现。但是这篇文章是10年写的，已经过去5年了，想想也正是他们这样的尝试和努力才加速了css3标准的制定，让今天的开发更easy。今天的我们又能为5年后的开发人员做些什么贡献呢？
本文作者starof,因知识本身在变化，作者也在不断学习成长，文章内容也不定时更新，为避免误导读者，方便追根溯源，请诸位转载注明出处：有问题欢迎与我讨论，共同进步。
::before和::after伪元素的用法_html/css_WEB-ITnose
::before和::after伪元素的用法_html/css_WEB-ITnose:一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类。:hover,:link,:active,:target,:not(),:focus。 常见伪元素。::first-letter,::first-line,::before,::after,::selection。 ::before和::afte
