fix(css): Clarify text and example for complex selectors with general sibling combinator (~)

[dipikabh]

Description

The issue and proposed fix was raised in the PR #27124, which was closed due to inaction.

I've opened this new one now to incorporate the suggested changes and add clarifying example and accompanying explanations.

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/General_sibling_combinator

(comment last updated: 2023-09-26 01:19:28)

[estelle]

Now that CSS nesting is supported, we may want to not do these edits in favor of adding a nesting example that explains the original issue writers suggestion.

[dipikabh]

Thanks for the review @estelle and for all your suggestions.
Perhaps in another iteration, we can add nesting examples.

(I've updated all occurrences of "compound selectors" to "complex selectors".)

[estelle]

The use of 'complex selector' wasn't fully accurate or maybe just confusing, so i made some suggestions.

[dipikabh]

Appreciate your feedback, @estelle; it's been super helpful!

I believe this is ready for a final look when you get a chance.

[dipikabh]

Thank you!