#Selectors

1 week ago

The Different Ways to Select <html> in CSS | CSS-Tricks Sure, we can select the <html> element in CSS with, you know, a simple element selector, html. But what other (trivial and perhaps useless) ways can we do it?

The Different Ways to Select “<html>” in CSS, by @dxnny.fun (@csstricks@mastodon.social):

css-tricks.com/the-different-ways-to-se...

#html #css #selectors

1 1 0 0

Frontend Dogma

@frontenddogma.com

3 weeks ago

Selectors Level 5

Selectors Level 5, by @fantasai@w3c.social and @tabatkins.com (@w3c@w3c.social):

https://www.w3.org/TR/2026/WD-selectors-5-20260217/

#css #selectors #standards

1 0 0 1

Frontend Dogma

@frontenddogma.com

3 weeks ago

Style Headings using the CSS :heading pseudo-class Use the :heading pseudo-class to style all headings (h1-h6) with a single CSS rule. Reduce repetition in design systems and component libraries while maintaining consistency.

Style Headings Using the CSS “:heading” Pseudo-Class, by @sturobson@front-end.social:

www.alwaystwisted.com/articles/styling-with-th...

#headings #css #selectors

1 0 0 0

Dan Schott

@circl8radio.bsky.social

1 month ago

..Getting this is early today as it's Paul Hickman's funeral today.

A #chester legend 🥇

This is what's going on today.

I've pre-recorded my show yesterday to be fair but it's a goodun 💥

circl8radio.com

#chester #music #musicsky #selectors #djs

2 2 1 0

Frontend Dogma

@frontenddogma.com

1 month ago

Focus rings with nested contrast-color()? As I was playing around with contrast-color(), I got a wild idea that you could use contrast-color() to invert its return value by nesting it: contrast-color(contrast-color(var(--some-color)). When would this be useful? Uh… Good question. I couldn’t come up with an example right away but after a …

Focus Rings With Nested “contrast-color()”?, by @davatron5000@mastodon.social:

daverupert.com/2026/01/nested-contrast-...

#css #selectors #functions #focus #contrast

0 0 0 0

Frontend Dogma

@frontenddogma.com

1 month ago

Styling ::search-text and Other Highlight-y Pseudo-Elements | CSS-Tricks The new ::search-text pseudo (Chrome 144) matches are yellow while the current target (::search-text:current) is orange, but ::search-text enables us to change that.

How to Style the New “::search-text” and Other Highlight-y Pseudo-Elements, by @dxnny.fun (@csstricks@mastodon.social):

css-tricks.com/how-to-style-the-new-sea...

#howtos #css #selectors

0 1 0 0

Jens Oliver Meiert 🇺🇳 🇵🇸

@meiert.com

2 months ago

Custom Properties: Questioning “:root” · Jens Oliver Meiert For custom properties (aka CSS variables) we got into the habit of declaring variables in a rule with a <code>:root</code> selector. Yet unless you’re working in an environment in which style sheets s...

From the archives:

Custom Properties: Questioning “:root”:

meiert.com/blog/questio...

#css #customproperties #selectors

1 0 0 0

Cricket Updates

@mdcricket.bsky.social

3 months ago

Agarkar under scrutiny in Ahmedabad as selectors face backlash

Following India's disappointing Test series defeat to South Africa, criticism of team management intensifies

#IndiaCricket #Agarkar #Selectors

0 0 0 0

Frontend Dogma

@frontenddogma.com

3 months ago

My CSS selector strategy

My CSS Selector Strategy, by @malarkey@mastodon.social:

stuffandnonsense.co.uk/blog/my-css-selector-str...

#css #selectors #principles

2 0 0 0

Frontend Dogma

@frontenddogma.com

3 months ago

Frontend News #17: Why :is(::before, ::after) Doesn’t Work, Why You Should Switch to OKLCH, & More Find out why pseudo-elements (::before, ::after) don’t work with the ‘:is()’ pseudo-class function, what the difference between HSL and OKLCH color formats ...

Frontend News #17: Why Pseudo-Elements Don’t Work With “:is()”, the Advantages of OKLCH, and More, by @zoranjambor@mastodon.social (@cssweekly@front-end.social):

https://www.youtube.com/watch?v=URXjnaQg5so

#videos #css #selectors #oklch

0 0 0 0

Frontend Dogma

@frontenddogma.com

3 months ago

CSS :interest-invoker and :interest-target Pseudo-Classes Style connected UI elements with CSS pseudo-classes that respond to user interest. Interactive examples showing tooltips, forms, and navigation without JavaS...

CSS “:interest-invoker” and “:interest-target” Pseudo-Classes, by @trevorlasn.bsky.social:

www.trevorlasn.com/blog/css-interest-pseudo...

#css #selectors #forms

0 0 0 0

Frontend Dogma

@frontenddogma.com

3 months ago

Should We Even Have :closed? | CSS-Tricks Is there really a difference between using :not(:open) and :closed? As always, it depends. Sunkanmi Fafowora explains why :closed is currently not a thing.

Should We Even Have “:closed”?, by @sunkanmifafowora.bsky.social (@csstricks@mastodon.social):

https://css-tricks.com/should-we-even-have-closed/

#css #selectors #disclosurewidgets

2 0 0 0

Frontend Dogma

@frontenddogma.com

4 months ago

Top 11 CSS Tricks Every Web Developer Should Know

Top 11 CSS Tricks Every Web Developer Should Know, by (not on Mastodon or Bluesky):

https://archive.ph/JbGFA

#css #customproperties #layout #animations #selectors

1 1 0 0

Frontend Dogma

@frontenddogma.com

4 months ago

CSS :is() :where() the Magic Happens · Matthias Ott Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

CSS :is() :where() the Magic Happens, by @matthiasott@mastodon.social:

matthiasott.com/notes/css-is-where-the-m...

#css #selectors #cascade

1 1 0 0

Frontend Dogma

@frontenddogma.com

5 months ago

This website has no class | Adam Stoddard Going “full CSS Zen Garden” with modern CSS.

This Website Has No Class, by @aaadaaam@mastodon.social:

https://aaadaaam.com/notes/no-class/

#css #selectors #webcomponents

3 0 0 0

Frontend Dogma

@frontenddogma.com

5 months ago

Frontend News #16: :heading Pseudo-Class, Faded Text Effects, box-sizing Find out how heading pseudo-class works, how to create a faded text effect, why you shouldn't add "box-sizing: border-box;" to your CSS reset, and more.🔥 Tr...

Frontend News #16: “:heading” Pseudo-Class, Faded Text Effects, “box-sizing”, by @zoranjambor@mastodon.social (@cssweekly@front-end.social):

https://www.youtube.com/watch?v=qGad28-Qh1E

#videos #css #selectors #boxmodel #effects

1 0 0 0

Frontend Dogma

@frontenddogma.com

5 months ago

Styling siblings with CSS has never been easier. Experimenting with sibling-count and sibling-index | utilitybend Ready to spice up your CSS? This article dives into the new sibling-count() and sibling-index() functions, showing you how they can simplify your styling and create cool effects.

Styling Siblings With CSS Has Never Been Easier: Experimenting With “sibling-count” and “sibling-index”, by @utilitybend@front-end.social:

utilitybend.com/blog/styling-siblings-wi...

#css #selectors #functions

4 0 0 0

Frontend Dogma

@frontenddogma.com

5 months ago

One List To Rule Them All · September 10, 2025 In the darkness may it bind us

One List to Rule Them All, by @argyleink@front-end.social:

https://nerdy.dev/cascading-secret-sauce

#css #selectors #functions #units #learning

0 0 0 0

Frontend Dogma

@frontenddogma.com

6 months ago

Why is CSS ::first-letter not working? Some misconceptions about the ::first-letter pseudo element in CSS, and a summary of when using ::first-letter works and doesn't work.

Why Is CSS “::first-letter” Not Working?, by @whitep4nth3r@mastodon.social:

whitep4nth3r.com/blog/why-is-css-first-le...

#css #selectors

1 0 0 0

Jens Oliver Meiert 🇺🇳 🇵🇸

@meiert.com

7 months ago

How to Order CSS Selectors · Jens Oliver Meiert There are a number of ways to write style sheets. The domain of style guides, many of them go into some detail. What I, despite my work on a number of guides, have so far missed, is a reference to sor...

From the archives:

How to Order CSS Selectors:

meiert.com/blog/how-to-...

#webdev #css #selectors #sorting

3 0 0 0

Frontend Dogma

@frontenddogma.com

7 months ago

:has() is more than a parent selector 🔗 Links✅ :has() browser support: https://caniuse.com/css-has✅ :nth(of S) browser support: https://caniuse.com/css-nth-child-of✉ Keep up to date with everyth...

“:has()” Is More Than a Parent Selector, by @kevinpowell@front-end.social:

https://www.youtube.com/watch?v=cxSowU9sDdU

#videos #css #selectors

3 1 0 0

Cricket Updates

@mdcricket.bsky.social

8 months ago

Rahane remains determined to play Test cricket despite selector silence

He expresses his inability to influence the selectors' decisions in a recent Sky Sports interview.

#Rahane #TestCricket #Selectors

0 0 0 0

Bluesky Sports 🦋

@sportstoday.bsky.social

8 months ago

‘Still want to play Test cricket’ – Rahane unfazed by silence from selectors "I tried to have conversations with the selectors, but things [like that are] as a player I cannot control," he said in an interview with Sky SportsSee What Happened →

‘Still want to play Test cricket’ – Rahane unfazed by silence from selectors

#Cricket #Selectors

0 0 0 0

Steeb SDF

@sdfalter.bsky.social

8 months ago

Trip Hazard Radio is back this Thurs! While head honcho Jim Westlake is in the UK, Trip Hazard member SDF-1 steps in for a genre-hopping mix of #disco, #house, #edits, #chuggers and other mid-tempo selections. July 10, 8-10pm AEST. area3000.radio

#radio #webradio #selectors #sound-system

0 0 0 0

Frontend Dogma

@frontenddogma.com

8 months ago

:nth-last-child Select elements by counting backwards from the end using the :nth-last-child pseudo-class selector.

“:nth-last-child”, by @kevinpowell@front-end.social:

html-css-tip-of-the-week.netlify.app/tip/nth-last-child/

#css #selectors

0 0 0 0

Frontend Dogma

@frontenddogma.com

8 months ago

Quantity Query Carousel #css #selectors #grids #layout

Quantity Query Carousel, by @chriscoyier@front-end.social (@frontendmasters.com):

frontendmasters.com/blog/quantity-query-caro...

#css #selectors #grids #layout

0 0 0 0

Cricket Updates

@mdcricket.bsky.social

9 months ago

Labuschagne seeks vital form ahead of selectors' decisions

After missing out against Northamptonshire, he aims to secure his spot in Australia's top order.

#Labuschagne #AustraliaCricket #Selectors

0 0 0 0

Frontend Dogma

@frontenddogma.com

9 months ago

What Is [the] CSS Owl Selector (“* + *”)?

What Is [the] CSS Owl Selector (“* + *”)?, by @zoranjambor@mastodon.social (@cssweekly@front-end.social):

https://www.youtube.com/watch?v=0O0ssm70g1g

#videos #css #selectors