Change ul background color whose li has a specific class : <p>I have a <code>ul</code> list whose <code>li</code> has a specific class. I want to change the back ground color of that <code>ul</code>.</p>

<p>Eg:</p>

<pre><code>&lt;ul class="dropdown-menu"&gt;
    &lt;li class=""&gt;About us&lt;/li&gt;
    &lt;li class=""&gt;Why Join?&lt;/li&gt;
    &lt;li class=""&gt;Constitution&lt;/li&gt;

&lt;/ul&gt;
&lt;ul class="dropdown-menu"&gt;
    &lt;li class="active"&gt;2016 Conference&lt;/li&gt;
    &lt;li class=""&gt;Member Home Page&lt;/li&gt;
    &lt;li class=""&gt;Bulletin Board&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I want to change second <code>ul</code> background color.</p>

<p>I have tried following code</p>

<pre><code>ul.dropdown-menu li.active {
    background-color: #e9124a !important;
}
</code></pre>
