title: ul > li replace color with image (depends on #color condition
body: <p>I am trying to replace ul &gt; li background color with image it is condition-based depending on #color. I have tried with css but no luck.</p>
  <p>Help is appreciated</p>
  <pre><code>&lt;ul class=&quot;tt-options-swatch options-middle filtres-js&quot;&gt;
    &lt;li&gt;
      &lt;a class=&quot;options-color&quot; style=&quot;background:#000000&quot; href=&quot;/collections/black&quot;&gt;Black&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a class=&quot;options-color&quot; style=&quot;background:#FFFFFF&quot; href=&quot;/collections/white&quot;&gt;White&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a class=&quot;options-color&quot; style=&quot;background:#ccccff&quot; href=&quot;/collections/violet&quot;&gt;Violet &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>So what I am trying to do is IF style=&quot;background:#ccccff&quot; then replace with image.</p>
  <p>Thanks in advance.</p>
  <p>Regards</p>