selectors

5 tutorials

Step-by-step programming tutorials on PHP, JavaScript, Laravel, WordPress and more.

All JavaScript 55 Tips & Tricks 50 Hidden Features 42 CSS 40 PHP 37 UX 36 Performance 22 Debugging 19 Browser APIs 18 DOM 14 AJAX 12 Forms 11 Security 10 jQuery 8 Animations 7 HTML 2

Latest Popular

CSS Beginner

:empty - Hide Containers That Have Nothing to Say

Notification badges showing "0", alert boxes rendering as empty bordered rectangles, list wrappers with padding and no list - :empty cleans up after your templates.

Oct 29, 2025 2 min 1,013

CSS Intermediate

Floating Labels with :placeholder-shown (No JavaScript, No Wrappers)

The material-style label that sits in the field and floats up when you type is a pure CSS pattern - one pseudo-class, one sibling selector, one transition.

Oct 21, 2025 2 min 331

CSS Intermediate

:is() and :where(): Selector Lists Without the Copy-Paste

:is() collapses repetitive selector lists, :where() does it with zero specificity - which turns out to be the secret to CSS that is easy to override.

Aug 1, 2025 2 min 1,402

jQuery Advanced

Write Your Own jQuery Selectors like :external

jQuery lets you define custom pseudo-selectors - :external, :blank, :offscreen - that work in every $() call, filter() and delegation rule in your codebase.

Nov 25, 2024 2 min 675

CSS Intermediate

:has() Is the Parent Selector We Waited Twenty Years For

Style a form field wrapper based on the input inside it, a card based on whether it has an image, a layout based on its content - all in pure CSS with :has().

May 28, 2024 2 min 4,641

Carlo Fontanos

:empty - Hide Containers That Have Nothing to Say

Floating Labels with :placeholder-shown (No JavaScript, No Wrappers)

:is() and :where(): Selector Lists Without the Copy-Paste

Write Your Own jQuery Selectors like :external

:has() Is the Parent Selector We Waited Twenty Years For