Lägg till dataattribut för användaragenten - 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 );

Vilket resulterar i att dataattribut läggs till i html-elementet som:

…

Vilket gör att du kan rikta in dig på mycket specifika webbläsare på mycket specifika plattformar med CSS:

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

Detta hänvisades från ett inlägg av Rogie King som sedan har gått offline.