zoukankan      html  css  js  c++  java
  • jQuery如何改变css伪元素样式

    首先我们看一下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;
                     1.786667rem;
                    height: 2px;
                    background-color: #ff6600;
                    border-radius: 0.053333rem;
                }
    在名为flow_ball1的class标签后面添加一道橘色横线(类似于流程图那种)
    复制代码

    那么,问题来了,怎么用jquery改变伪元素的样式呢?

    答案在这里:

     $('.flow_ball1').append("<style>#fafang::after{display:none}</style>");

    也是千辛万苦找了好久才找到,因为伪元素没有id,也没法给他加id,所以一头雾水,最后在网上看到这个方法,真的很妙,只要在元素前加一个html的style标签,看完真的有一种茅塞顿开的感觉!

    虽然可能缓慢,但是终将到来。
  • 相关阅读:
    安装完openfire之后打不开的解决方案
    iOS中动画的简单使用
    iOS中的多线程及GCD
    iOS 架构模式-MVVM
    iOS
    iOS 下拉刷新 上拉加载实现原理
    iOS
    iOS 中的XML解析代码(SAX)
    iOS
    iOS中的网络请求 和 网络监测
  • 原文地址:https://www.cnblogs.com/libin-1/p/5911233.html
Copyright © 2011-2022 走看看