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>")
常用的方法有两种:1、用jquery直接加样式在html控件上,但是需要注意点加important的格式,如:
$("p").click(function(){
$(this).css("cssText","color:red!important")
})
2、用jquery改变class,从而达到改变样式的目的,如果可以,就用jquery修改原来的class,如果原有class是必须的或者没有class,就定义一个新的class,在样式表里定义好这个class对应的样式属性,把你想改变的原来的css属性重新赋值且加上important,这样就能覆盖掉原来的加了important样式了。