Hypothesis

6 Matching Annotations

May 2023
ishadeed.com ishadeed.com

Conditional CSS with :has and :nth-last-child - Ahmad Shadeed

1
1. kael 18 May 2023
  
  in Public
  
  css css:has() css:nth-last-child()
Visit annotations in context

Tags

css:nth-last-child()

css

css:has()

Annotators

kael

URL

ishadeed.com/article/conditional-css-has-nth-last-child/
Dec 2022
www.bram.us www.bram.us

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

1
1. kael 29 Dec 2022
  
  in Public
  
  css css:has()
Visit annotations in context

Tags

css

css:has()

Annotators

kael

URL

bram.us/2022/11/17/style-a-parent-element-based-on-its-number-of-children-using-css-has/
github.com github.com

CSS :has() pseudo-class selector · Issue #145 · cloudflare/lol-html

1
1. kael 27 Dec 2022
  
  in Public
  
  lol-html html-rewriter cloudflare parsing html css css:has()
Visit annotations in context

Tags

html

html-rewriter

lol-html

cloudflare

parsing

css

css:has()

Annotators

kael

URL

github.com/cloudflare/lol-html/issues/145
Nov 2022
css-tricks.com css-tricks.com

Creating Animated, Clickable Cards With the :has() Relational Pseudo Class | CSS-Tricks

1
1. kael 06 Nov 2022
  
  in Public
  
  js css css:has()
Visit annotations in context

Tags

js

css

css:has()

Annotators

kael

URL

css-tricks.com/creating-animated-clickable-cards-with-the-has-relational-pseudo-class/
Aug 2022
webkit.org webkit.org

Introducing Safari Technology Preview

1
1. kael 23 Aug 2022
  
  in Public
  
```html
<figure> <figcaption>Maggie loves being outside off-leash.</figcaption> </figure>
css figure:has(figcaption) { background: white; padding: 0.6rem; } ```

css css:has()
Visit annotations in context

Tags

css

css:has()

Annotators

kael

URL

webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/
developer.chrome.com developer.chrome.com

@container and :has(): two powerful new responsive APIs landing in Chromium 105 - Chrome Developers

1
1. kael 23 Aug 2022
  
  in Public
  
  css css:@container css:has()
Visit annotations in context

Tags

css:@container

css

css:has()

Annotators

kael

URL

developer.chrome.com/blog/has-with-cq-m105/