Originally posted by E-ManWould anyone happen to have a remedy to this problem, or an idea of as to why only one selector is being changed rather than the all of the selectors (mainly the background colour)? It fixes itself if you hover the inner most quote/code, but I'd rather have a permanent fix if you hover anywhere in the code/quote.
Well there's a lot of things going wrong here, beyond the whole effect being completely pointless and actually removing readability (it has kind of become a standard on smwc to hover slightly hard to read quote/code boxes to add a bit of contrast to them), your css is just set up in a bad an unorganized way. I can't say that I always keeps my css ultra-organized, but yours is just set up badly.
It's kind of clear that you're not into standards and overall readability, as the anchors statements are at the bottom of the css file and you completely ignore a:link, a:visited and a:active (yes, this is just whining, but you're doing it wrong). It's also clear that you had no idea how to set up the actual hover effect, as hover statements are set up everywhere and you abuse the inherit color whenever given the option.
What I'm trying to say is that you've created soup out of your css, when you should have just tried to solve the problem from a completely different perspective. I'm also not sure if I'm okay with you not being able to solve this technically simple problem yourself.
But anyway, I've written an example below showing of a much more sane solution to this design. It lacks the direct child selector [>] (because it's inline), which in turn creates a few problems, but those are unrelated to the solution I'm displaying.
Originally posted by testLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.