Is it possible to add links to images in css? : <p>I can't change the html, so is it possible to do something like (a href="") in css?</p>

<p>I saw that I can use jQuery to do it, but there aren't any specific classes for each slide, just a general class:</p>

<pre class="lang-html prettyprint-override"><code>&lt;div class="slick-slider draggable"&gt;
    &lt;div class="slick-slider"&gt;
        &lt;figure class="slick-slide-inner"&gt;&lt;img class="slick-slide-image" alt="PLANOS"&gt;&lt;/figure&gt;
    &lt;/div&gt;
    &lt;div class="slick-slider"&gt;...&lt;/div&gt;
    &lt;div class="slick-slider"&gt;...&lt;/div&gt;
    &lt;div class="slick-slider"&gt;...&lt;/div&gt;
    &lt;div class="slick-slider"&gt;...&lt;/div&gt;
    &lt;div class="slick-slider"&gt;...&lt;/div&gt;
    &lt;div class="slick-slider"&gt;...&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Is it possible to do something like this:</p>

<pre class="lang-css prettyprint-override"><code>figure.slick-slide-inner[alt="PLANOS"]{
    /*and command to add link*/
}
</code></pre>
