Thêm thuộc tính dữ liệu của tác nhân người dùng - Thủ thuật 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 );

Dẫn đến các thuộc tính dữ liệu được thêm vào phần tử html như:

…

Điều này cho phép bạn có thể nhắm mục tiêu các trình duyệt rất cụ thể trên các nền tảng rất cụ thể với CSS:

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

Điều này đã được tham chiếu từ một bài đăng của Rogie King đã được chuyển sang chế độ ngoại tuyến.