Lisa kasutajaagendi andmete atribuut - CSS-trikid

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

Selle tulemusel lisatakse HTML-elemendile andmeatribuudid, näiteks:

Mis võimaldab teil CSS-iga sihtida väga konkreetseid brausereid väga kindlatel platvormidel:

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

Sellele viitas Rogie Kingi postitus, mis on sellest ajast alates võrguühenduseta.