How can remove all style property of class from span using css?
<p>I'm using social API which is dynamically adding the class on <code>&lt;a&gt;&lt;/a&gt;</code>. I want to remove all style property of dynamically add class. </p>

<h2>CSS</h2>

<pre><code>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;
    }
</code></pre>

<p>I searched about it and find this style property <code>all: unset;</code> in this <a href="https://stackoverflow.com/questions/15901030/reset-remove-css-styles-for-element-only">answer</a>, but it does not work.</p>

<h2>HTML</h2>

<pre><code>&lt;li&gt;&lt;a id="pin-socail" href="www.test.api-response.com"&gt;&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>Can any one guide me is there possible that i remove the all style from dynamically added class ?</p>