<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t6o029f3f0jx9zxwl5jc.png" alt="Cartoon with a CSS class selector telling an id selector: “you have no class”. The Id selector replies “and you need to be more specific”" /></p>
<p>This cartoon was inspired by a joke that <a target="_blank" href="https://twitter.com/baumannzone">Jorge Baumann</a> shared on Twitter (in Spanish), and that I modified/expanded a little:</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://twitter.com/baumannzone/status/1634239453374890004">https://twitter.com/baumannzone/status/1634239453374890004</a></div>
<p> </p>
<p>I should have written an article about CSS Specificity to accompany this cartoon… but last week was especially hectic at work, and wasn’t able to carve out some time to write it (I will write it, I just haven’t yet).</p>
<h2 id="heading-links">Links</h2>
<ul>
<li><p>Permalink: <a target="_blank" href="https://comicss.art/?id=81">https://comicss.art/?id=81</a></p>
</li>
<li><p>Image: <a target="_blank" href="https://comicss.art/comics/81/selectors-fight.png">https://comicss.art/comics/81/selectors-fight.png</a></p>
</li>
<li><p>Source code: <a target="_blank" href="https://comicss.art/comics/81/selectors-fight.html">https://comicss.art/comics/81/selectors-fight.html</a></p>
</li>
</ul>
<h2 id="heading-spanish-version">Spanish version</h2>
<p>I also started translating the cartoons into Spanish. Not all have an equivalent, but this one worked just fine:</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4nprfnl0h9km2wx4kg0j.png" alt="Cómic con un selector CSS de clase diciéndole a un selector de id: “no tienes ninguna clase”. El selector de id responde “tienes que ser más específico”" /></p>


![Cartoon with a CSS class selector telling an id selector: “you have no class”. The Id selector replies “and you need to be more specific”](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t6o029f3f0jx9zxwl5jc.png align="left")

This cartoon was inspired by a joke that [Jorge Baumann](https://twitter.com/baumannzone) shared on Twitter (in Spanish), and that I modified/expanded a little:

%[https://twitter.com/baumannzone/status/1634239453374890004] 

I should have written an article about CSS Specificity to accompany this cartoon… but last week was especially hectic at work, and wasn’t able to carve out some time to write it (I will write it, I just haven’t yet).

## Links

* Permalink: [https://comicss.art/?id=81](https://comicss.art/?id=81)
    
* Image: [https://comicss.art/comics/81/selectors-fight.png](https://comicss.art/comics/81/selectors-fight.png)
    
* Source code: [https://comicss.art/comics/81/selectors-fight.html](https://comicss.art/comics/81/selectors-fight.html)
    

## Spanish version

I also started translating the cartoons into Spanish. Not all have an equivalent, but this one worked just fine:

![Cómic con un selector CSS de clase diciéndole a un selector de id: “no tienes ninguna clase”. El selector de id responde “tienes que ser más específico”](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4nprfnl0h9km2wx4kg0j.png align="left")

comiCSS cartoon for March 27, 2023

Selectors' Fight

CSS aficionado ⊆ Web Developer ⊆ Software Developer ⊆ Person
(He/Him)
