Skip to content

Bram.us

A rather geeky/technical weblog, est. 2001, by Bramus

  • Blog
    • All Posts
    • Original Content
    • Elsewhere
  • Speaking & Training
  • About
  • RSS
    • All Posts
    • Original Content Only
    • Elsewhere Only

Using :is() in complex selectors selects more than you might initially think

Because selector matching in browsers happens from right to left, you might end up with more matches than you expected when using .a :is(.b .c).

Read Post →

Posted byBramus!January 17, 2023January 19, 2023Posted inOriginal ContentTags: css, selectorsLeave a comment on Using :is() in complex selectors selects more than you might initially think

Sibling Scopes in CSS, thanks to :has()

Leverage CSS :has() to select all siblings between two element boundaries.

Read Post →

Posted byBramus!January 12, 2023January 20, 2023Posted inOriginal ContentTags: css, selectors4 Comments on Sibling Scopes in CSS, thanks to :has()

CSS :has() feature detection with @supports(selector(…)): You want :has(+ *), not :has(*)

When feature detecting support for :has(), use :has(+ *) instead of :has(*)

Read Post →

Posted byBramus!January 4, 2023January 12, 2023Posted inOriginal ContentTags: css, feature detection, selectors1 Comment on CSS :has() feature detection with @supports(selector(…)): You want :has(+ *), not :has(*)

CSS in 2022 (and beyond) (2022.10.07 @ Full Stack Europe)

Slides of the talk I gave at “Full Stack Europe 2022” + Trip Report

Read Post →

Posted byBramus!December 20, 2022January 12, 2023Posted inOriginal ContentTags: css, fseu22, public speakingLeave a comment on CSS in 2022 (and beyond) (2022.10.07 @ Full Stack Europe)

Help choose the syntax for CSS Nesting!

The CSS Working Group is continuing a debate over the best way to define nesting in CSS. And if you are someone who writes CSS, we’d like your help.

Read Post →

Posted byBramus!December 16, 2022December 19, 2022Posted inOriginal ContentTags: css2 Comments on Help choose the syntax for CSS Nesting!

A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()

:nth-child(An+B [of S]?) is not available in all browsers, but thanks to :has we can polyfill it (to a certain extent)

Read Post →

Posted byBramus!December 14, 2022January 12, 2023Posted inOriginal ContentTags: css, polyfill, selectors2 Comments on A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()

Detect “islands of elements” with the same class, thanks to CSS :has()

Leveraging :has() to detect islands of elements that have the same class, and select the first and last one from those islands.

Read Post →

Posted byBramus!December 13, 2022January 12, 2023Posted inOriginal ContentTags: css, selectors1 Comment on Detect “islands of elements” with the same class, thanks to CSS :has()

CSS Architecture (2022.12.01 @ Web Directions Summit)

Slides of the talk I gave at “Web Directions 2022” + Trip Report

Read Post →

Posted byBramus!December 2, 2022January 12, 2023Posted inOriginal ContentTags: css, public speaking, slides1 Comment on CSS Architecture (2022.12.01 @ Web Directions Summit)

FIX: The provider “cPanel (powered by Sectigo)” cannot currently accept incoming requests. The system will try again later.

Sectigo can’t handle the load. This is how you work around it.

Read Post →

Posted byBramus!November 24, 2022January 12, 2023Posted inOriginal ContentTags: cpanel, ssl, whmLeave a comment on FIX: The provider “cPanel (powered by Sectigo)” cannot currently accept incoming requests. The system will try again later.

Style a parent element based on its number of children using CSS :has()

Leverage CSS :has() and :nth-child() to style a parent based on the number of children it has.

Read Post →

Posted byBramus!November 17, 2022November 22, 2022Posted inOriginal ContentTags: css, selectors6 Comments on Style a parent element based on its number of children using CSS :has()

Posts navigation

1 2 3 … 697 Older posts

About Bram.us

Bram.us is the technical/geeky weblog of Bramus Van Damme, a Freelance Web Developer from Belgium.

Main topics are web related technologies (CSS, JS, PHP, …), along with other geeky things (robots, space, …) and personal interests (cartography, music, movies, …).

More …

Stay up-to-date

To follow bram.us you can:

  • Subscribe to bram.us via RSS
  • Follow @bramusblog on Twitter
  • Give bram.us a like on Facebook

Next to his ramblings here, you may also follow @bramus himself on Twitter or on Mastodon.

Archives

Search

Bram.us, Proudly powered by WordPress.