Datenattribut des Benutzeragenten hinzufügen - CSS-Tricks

Anonim
var b = document.documentElement; b.className = b.className.replace('no-js', 'js'); b.setAttribute("data-useragent", navigator.userAgent); b.setAttribute("data-platform", navigator.platform );

Dies führt dazu, dass dem HTML-Element Datenattribute hinzugefügt werden, wie:

So können Sie mit CSS ganz bestimmte Browser auf ganz bestimmten Plattformen ansprechen:

html(data-useragent*="Chrome/13.0")(data-platform="Win32") (… )

Dies wurde aus einem Beitrag von Rogie King referenziert, der inzwischen offline ist.