Use the self selector (
@) when the generated code is outside your control, like when embedding a WYSIWYG editor.
Using the self selector (
@) with the child (
/), next sibling (
+) and after sibling (
~) selectors together is not recommended but may be okay in certain circumstances. Use your judgement.
WARNING 1: Using the self and descendant selectors (
@/../ ) together makes reasoning about your CSS much, much harder. Use it only as a last resort, when the code in the subtree is outside your control.
WARNING 2: Using the self selector makes rendering your website somewhat slower compared to applying styles directly on the targeted elements. Use it sparingly.