.clolor-red: {color: red}
$('div').addClass('color-red')
2. 可以直接改变样式，$('div').css('color', 'red')
首先我们看一下css伪元素是什么：CSS 伪元素用于向某些选择器设置特殊效果。
伪元素有哪些：
:first-line 伪元素："first-line" 伪元素用于向文本的首行设置特殊样式。
:first-letter 伪元素："first-letter" 伪元素用于向文本的首字母设置特殊样式。
:before 伪元素：":before" 伪元素可以在元素的内容前面插入新内容。
:after 伪元素：":after" 伪元素可以在元素的内容之后插入新内容。
伪元素例子：
.flow_ball1:after {
content: ""
position: absolute
top: 50%
margin-top: -1px
left: 100%
margin-left: 0.133333rem
width: 1.786667rem
height: 2px
background-color: #ff6600
border-radius: 0.053333rem
在名为flow_ball1的class标签后面添加一道橘色横线（类似于流程图那种）
那么，问题来了，怎么用jquery改变伪元素的样式呢？
答案在这里：
$('.flow_ball1').append("<style>#fafang::after{display:none}</style>")
CSS样式修改：jQuery中还有一些方法直接返回或者设置元素的CSS属性。
css()：
读操作: 获取匹配元素集合中第一个元素的指定样式值(一个或多个)。
注:读取多个样式值的操作是在jQuery v1.9才加入的。
写操作: 为匹配元素集合中的每一个元素设置一个或多个CSS属性的值。
传入的参数可以是单个的键值对，也可以是PlainObject指定的多个值，还可以是function.(v1.4).。
jQuery会处理各个浏览器中不太相同的一些具体情况，比如W3C的cssFloat在IE中是styleFloat，在jQuery中，你可以使用float，然后jQuery会帮你把它翻译成每个浏览器中应该有的正确名称。
还有，jQuery会合理解读CSS和DOM格式的多词属性，比如.css(“background-color”)和.css(“backgroundColor”)，它都是可以处理的。
