CSS Parent Selector :has()

CSS Parent Selector :has()

Have you ever thought about a CSS selector where you check if a specific element exists within a parent? For example, if a card component has a thumbnail, we need to add display: flex to it. This hasn’t been possible in CSS but now we will have a new selector, the CSS :has which will help us to select the parent of a specific element and many other things.

[…]

In plain words, the CSS above is equivalent to the following

[…]

Isn’t that just amazing? We’re getting some kind of logic in CSS. What a time to write CSS!

[…]

Without CSS :has, we need to have two CSS classes to handle what :has did.

[…]

Here is what we should do without CSS :has.

[…]

Without CSS :has, we will probably have a class to the

See Also

Cross-document view transitions for multi-page applications

Get started with cross-document view transitions for use in your multi-page application (MPA).

Do you know about overflow: clip?

You probably know overflow: hidden, overflow: scroll and overflow: auto, but do you know overflow: clip?

Transitioning To Auto Height

I know this is something Chris has wanted forever, so it's no surprise he's already got a fantastic write-up just a day after the news broke. In fact, I first

Scaling up and load balancing your PostgreSQL Cluster using Pgpool-II

Let’s deep dive into how you can enable scalability and load balancing of your PostgreSQL cluster using Pgpool-II.

Why is chunking important in RAG applications?

As you go deeper down the rabbit hole building LLM-based applications, you may find that you need to root your LLM responses in your source data. Fine

An Introductory Guide to Fine-Tuning LLMs

Fine-tuning Large Language Models (LLMs) has revolutionized Natural Language Processing (NLP), offering unprecedented capabilities in tasks like language translation, sentiment analysis, and text generation.