DEV Community

Cover image for The Trick with CSS Selectors

The Trick with CSS Selectors

Tina Huynh on March 21, 2022

In CSS, selectors are patterns used to select the element(s) you want to style w3schools If you would like more information on CSS building bloc...
Collapse
 
oricis profile image
Moisés Alcocer

Interesting, I didn't know some of the inputs pseudoclasses.
Maybe some comments, or link to get more information about some selectors could improve your work, for example, concrete use casses / browser support of the input:indeterminate selector here: w3schools.com/cssref/sel_indetermi...
or Warning with the *Universial Selector**, some possible performance issues asociated when use it!

Collapse
 
tmchuynh profile image
Tina Huynh

Great suggestion :) I will do my best to include more links in the future

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Oh that's a detailed guide

Thanks for sharing, tina

Collapse
 
tmchuynh profile image
Tina Huynh

Glad I could be of help to you

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

keep doing :)

Collapse
 
thefrenchieweb profile image
Guillaume Ferber

Thank you for this great article.
A correction, though about the adjacent sibling combinators.
The correct syntax is:

section + h2 {}
Enter fullscreen mode Exit fullscreen mode

Keep bring more articles like that!

Collapse
 
tmchuynh profile image
Tina Huynh

Oops! Thank you so much for catching that

Collapse
 
tmchuynh profile image
Tina Huynh

The trick is to understand the fundamentals. With fundamentals, it's always easier to broaden one's horizons.

Collapse
 
ressenzo profile image
Renan Cossenzo

this is the kind of content that is basic, but VERY useful. thanks and congrats!

Collapse
 
tmchuynh profile image
Tina Huynh

Thanks :) glad I could provide useful information

Collapse
 
dionarodrigues profile image
Diona Rodrigues

Great tips, but I would recommend removing 'Column combinator' as this article is for beginners and this selctor is not working yet.

Collapse
 
tmchuynh profile image
Tina Huynh

Great note - I will definitely remove it