Tambahkan Atribut Data Agen Pengguna - Trik CSS

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

Yang menghasilkan atribut data yang ditambahkan ke elemen html seperti:

Yang memungkinkan Anda untuk dapat menargetkan browser yang sangat spesifik pada platform yang sangat spesifik dengan CSS:

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

Ini direferensikan dari sebuah posting oleh Rogie King yang telah offline.