Avatar for Username

חיפוש בתמיכה

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

מידע נוסף

אשכול זה הועבר לארכיון. נא לשאול שאלה חדשה אם יש לך צורך בעזרה.

CSS selector

  • 5 תגובות
  • 0 have this problem
  • 24 views
  • תגובה אחרונה מאת cor-el

cor.vandooren
cor.vandooren
more options

The :has selector is not working by default? Can I force it in any way so clients using Firefox will see the correct content. Pe. https://mbsmotards.nl/2/ The card with the ribbon should show a purple border and shadow, and when clicking the checkbox, background should get dark.

The :has selector is not working by default? Can I force it in any way so clients using Firefox will see the correct content. Pe. https://mbsmotards.nl/2/ The card with the ribbon should show a purple border and shadow, and when clicking the checkbox, background should get dark.

כל התגובות (5)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

No, it doesn't work yet by default. It's being tested in Nightly with layout.css.has-selector.enabled = true.

cor.vandooren
cor.vandooren Question owner
more options

Any time soon?

Balázs Meskó
Balázs Meskó
  • Moderator
more options

Hi!

Currently CSS Level 4 Selectors are not supported in Firefox. They can be toggled on with an about:config key, but it's disabled for a reason, as it is still buggy. This is the metabug about this by the way: https://bugzilla.mozilla.org/show_bug.cgi?id=693083

And I don't really have a suggestion for you, AFAIK this type of logic is not possible with Level 3 Selectors (or older). I think you will need extra classes.

Regards, Balázs

cor.vandooren
cor.vandooren Question owner
more options

Yes, I know: https://www.w3.org/TR/selectors-4/#relational

But it is really a helpfull pseudo-class, espacially in my SCSS...

Thank you for the quick reply!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Screenshot with "Depends on" info.

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

השתנתה ב־ על־ידי cor-el