Gunnar Bittersmann: !important und AMP

Beitrag lesen

@@Gunnar Bittersmann

<html id="root">
/* specificity hack because of important flag not working with AMP */
#root#root#root .foo { bar: baz }

Rolf brachte mich in einem anderen Thread auf noch was Besseres:

.foo:not(#none):not(#none):not(#none) { bar: baz }

Da braucht man keinen Nachfahrenselektoren (was den Präprozessor-Code einfacher macht) und ist nicht von einer ID bei einem anderen Element (dem Wurzelelement) abhängig.

Man muss nur aufpassen, dass man nicht tatsächlich mal die ID none vergibt.

Oder man wählt gleich einen Selektor mit einer sehr unwahrscheinlichen ID, bspw.

.foo:not(#\#):not(#\#):not(#\#) { bar: baz }

LLAP 🖖

--
Wenn der Faschismus wiederkommt, wird er nicht sagen: Hallo, ich bin der Faschismus! Sondern er wird sagen: Ich nehme die Wahl an.