DEV Community

Cover image for Selectors' Fight
Alvaro Montoro
Alvaro Montoro Subscriber

Posted on • Originally published at Medium

6

Selectors' Fight

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”

This cartoon was inspired by a joke that Jorge Baumann shared on Twitter (in Spanish), and that I modified/expanded a little:

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 some time to write it (I will write it, I just haven’t yet).

Links

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”

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay