Code: Select all
.body a:focus-within,
.body a:active {
background-color: transparent;
}
But the style rule was not being employed at all in Edge and IE11, and I scratched my head for some time before coming across a Stack Overflow discussion about this very issue:
https://stackoverflow.com/questions/509 ... e-css-rule
So, the presence of the unsupported selector (:focus-within) in one part of the rule was causing the entire rule to be ignored by Edge and IE11. I had no idea that the baby would be tossed out of the bath water in cases like this. If the discussion in the Stack Overflow thread is accurate, this isn't just a quirk of Microsoft, it's standard and expected behavior...yes? No?
This opens a huge can of worms. I wish the Validator had somehow alerted me that the style rule would not have been applied at all because it was an all-in-one, selector-comma-separated rule with one selector containing potentially unsupported code. But it would be awful for the Validator to invalidate the rule because of the potential for failure for the reason under discussion.
Perhaps the Validator already has a mechanism for doing this, and it's hidden in a setting I haven't yet discovered.
Thoughts? (I'm unsure what to suggest that would've spared me this error.)
Many thanks!