Legg til dataattributt til brukeragent - CSS-triks

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 );

Hvilket resulterer i at dataattributter legges til html-elementet som:

Som lar deg være i stand til å målrette mot veldig spesifikke nettlesere på veldig spesifikke plattformer med CSS:

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

Dette ble referert fra et innlegg fra Rogie King som siden har gått offline.