怎样用JQuery操作CSS伪文档元素before或after中的content?
我们都听说过css伪类但是并没有听说过JavaScript也有伪类，项目中时常会需要用到使用JavaScript来动态控制伪元素(：before，：after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。
第一种是CSS2的写法，第二个是CSS3的写法。IE7和IE7以下的浏览器并不支持CSS2写法，IE8和IE8以下浏览器并不支持CSS3的写法。：before伪对象选择符一般和content属性配合使用为指定匹配元素内部的前端添加指定内容。
CSS中的content是插入生成的内容，一般与伪元素：befor和：after配合使用。表示在需要的地方插入.。content属性的作用及用法：在body中添加两个h标签，如下图所示。
使用jQuery可以更改CSS的样式，例如更改颜色或在执行操作时更改元素的大小，本篇文章我们就来给大家介绍使用jQuery更改CSS样式的具体方法，下面来看具体的内容。
项目中时常会需要用到使用JavaScript来动态控制为元素(：before，：after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。
过于老的浏览器可能会存在支持问题，不过伪元素大多是配合 CSS3 使用，就无所谓向下兼容了：img：after {} 这两个伪类下特有的属性 content ，用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内容。
CSS3如何给伪元素::before添加hover
要在content中插入图像和声音，请输入url（目标路径）。也可以为同一元素指定before和after。CSS3中before和after等伪元素使用：（双冒号），但即使只有一个冒号，它在大多数浏览器中也能识别并正常工作。
before元素的内容之前插入新内容 z-index： -2；属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
before是CSS伪元素选择器，用于在选定元素的内容前插入生成的内容。它可以用来创建元素的前置内容，例如插入图标、添加额外的装饰等。：hover是CSS伪类选择器，用于选取处于鼠标悬停状态的元素。
box-shadow： 0 5px 15px rgba(0， 0， 0， 0.3)；opacity： 0；} 然后，在 hover 的时候，我们只需要将伪元素的透明度从 0 设置为 1 即可。
两个冒号这种格式，是为了区别伪类和伪元素。与现有样式表的兼容性，考虑到兼容性有部分伪元素可以同时使用1个或者2个冒号，（即：first-line，：first-letter，：before和：after）。
我们可以使用SVG、Canvas、CSS3或者背景图片来实现五角星图案及其悬停效果。CSS3引入的伪元素和变换特性使得实现五角星图形非常简单，并且可以结合渐变实现更为漂亮的效果。
css的伪类before的问题
要在content中插入图像和声音，请输入url（目标路径）。也可以为同一元素指定before和after。CSS3中before和after等伪元素使用：（双冒号），但即使只有一个冒号，它在大多数浏览器中也能识别并正常工作。
before 选择器在被选元素的内容前面插入内容。
CSS3给伪元素before添加hover操作：伪元素的由两个冒号“：”开头，然后是伪元素的名称 ，使用两个冒号是为了区别伪类和伪元素。
用简单的话来说： ：before 和 ：after中的content： 不过是对HTML的装潢，使HTML看起来更漂亮一些。
然后我自己写例子试了试，结果是 在css里面用 ：before，是浏览器的代码查看器把它显示成：before了。
CSS伪元素：before和：after可以实现很多有趣的功能，我们项目中使用的ionicframework框架的ionic.css文件中大量使用到了这2个伪元素。
CSS中伪元素before和after怎么使用
1、第一种是CSS2的写法，第二个是CSS3的写法。IE7和IE7以下的浏览器并不支持CSS2写法，IE8和IE8以下浏览器并不支持CSS3的写法。：before伪对象选择符一般和content属性配合使用为指定匹配元素内部的前端添加指定内容。
2、css的伪元素是使用两个冒号，是为了和其他伪类区别开来。
3、before 选择器在被选元素的内容前面插入内容。