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.