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()方法
获取或设置样式
对以下html标签进行样式的获取和设置
css()方法设置参数,参数为要设置的样式名
可用驼峰命名也可用css命名方式。注意样式名需要加''
点击获取按钮,结果:
但是在IE浏览器里,用 console.log($('#div1').css('border'))可能会不显示或出现undefined。
在IE浏览器中,要获取边框这样的样式值,一定要记得给一个准确的边框值。例如:
console.log($('#div1').css('Border-top-width'))//2px
获取包含了多个DOM元素的jQuery对象的样式,只能获取到第一个DOM对象的样式。例如:
console.log($('div').css('width'))//200px
css(样式名,样式值)
设置的样式是行内样式
单样式里样式名必须在''里,宽高度单位px可不写,这时300可不加'',如果加px,则必须为'300px'
多样式里样式名可不加''。但是 background-color:'green' 这样写报错。
给多个div一起设置样式
隐式迭代,把每一个div都设置了同样的样式