Wed, 2016-12-28 18:22
So I'm reading Eric Meyer's book on CSS. In it, he gives the example:
body *:hover { background: yellow; } which in theory should produce a yellow background for any element that's descended from the body element to display a yellow background. It doesn't however, in Chrome, Firefox or Edge.
I'm just getting back into CSS and I know things change quickly, is there a simple workaround for this behavior? I may be missing something.
Thu, 2016-12-29 01:39
#1
space?
Did you put a space between body and *? If not, you don't have what you described. Read up on the descendant selector.
Since you're reading Meyer, you should read Global resets considered harmful.
cheers,
gary