Topics

Theo's Typesafe Cult•15mo ago

css sibling selector

Given this HTML, how do I target the <div data-rehype-pretty-code-title> only if the SVG with data-language-icon is present? I'm guessing some ~ ?

3 Replies

julius•15mo ago

i only manage to target the icon and not the title :/

cornflour•15mo ago

you can do this

[data-rehype-pretty-code-title]:has(+ [data-language-icon="true"]) {
  /* Your css here */
}

[data-rehype-pretty-code-title]:has(+ [data-language-icon="true"]) {
  /* Your css here */
}

or if the svg doesn't need to be the very next child

[data-rehype-pretty-code-title]:has(~ [data-language-icon="true"]) {
  /* Your css here */
}

[data-rehype-pretty-code-title]:has(~ [data-language-icon="true"]) {
  /* Your css here */
}

firefox doesnt seem to support has selector by default yet though :( https://caniuse.com/css-has

julius•15mo ago

Thanks 🙏

Theo's Typesafe Cult Join

21KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

prisma relations generated typesSo I've ran to a problem where the generated types from prisma don't include my relationships, I've Next.js + tRPC + Redis - pub/subHi, I have an app made in Next.js, and I want to get some real-time log feature for it. I thought ab Invalidating a single part of a larger queryI am fetching data as such ` const postQuery = api.primaryRouter.getPosts.useQuery({});` and render Email verified boolean not changing firebaseim using the sendemailverification from firebase to check whether an email exist or not. Everything tRPC cookiesAnyone know how to set a cookie with trpc?Best way to redirect from create page back to indexLooking for some guidance around best practice to handle form create and redirects in one step. I of DayJS Relative Time bug - during T3 Stack TutorialThis span is written the same way the tutorial is written. Imports have been imported:```typescript TRPC: How to use different transformersI followed the documentation on the https://trpc.io/docs/server/data-transformers page, but even aft Vitest, Clerk and TRPC integrationAfter adding Clerk to my application, my tests are encountering the following error: ``` ReferenceEr zod-prisma-types and prisma-zod-generator BOTH fail to generateJust installed both zod-prisma-types and prisma-zod-generator ``` $ prisma db push Running genera