如何使用css从span中删除所有类的样式属性？

Question

我正在使用在<a></a>上动态添加课程的社交API。我想删除动态添加类的所有样式属性。

CSS

a.api_sytle{

    background-image: url(https://s-passets.pinimg.com/images/pidgets/pinit_bg_en_rect_gray_20_1.png)!important;
    cursor: pointer!important;
    background-repeat: none!important;
    background-size: 40px 60px!important;
    height: 20px!important;
    padding: 0!important;
    vertical-align: baseline!important;
    text-decoration: none!important;
    width: 40px!important;
    background-position: 0 -20px;
}
#pin-socail{
    all: unset;
    }

我搜索了它并在此answer中找到了此样式属性all: unset;，但它不起作用。

HTML

<li><a id="pin-socail" href="www.test.api-response.com"></a></li>

任何人都可以指导我是否有可能从动态添加的类中删除所有样式？

Answer 1

尝试

#pin-socail{
  all: initial;
 }

如果这仍然不起作用，那么您可以尝试使用!important关键字。即：

#pin-socail{
  all: initial!important;
 }

以下是一个演示：http://codepen.io/team/css-tricks/pen/LVxvWP