javascript - Dynamically create a css selector for Chrome -

i have pixel differences between chrome , safari, haven't been able find suitable way deliver different styles each of them using css hack.

i have been able fix javascript there delay page loads , before applied, user sees movement.

function chromestyle() { if (window.chrome) { var = document.getelementbyid("id"); if (a) { a.style.marginleft = 5px; } } } 

i know possible place following code head of html document , use ".js .mystyle{}" in stylesheet apply styles javascript enabled.

<script type="text/javascript"> document.documentelement.classname = 'js'; </script> 

i wondered if in similar manner possible create selector chrome applied in stylesheet?

if (window.chrome) { create selector chrome here } 

and in stylesheet apply ".chrome .mystyle{}".

thanks.

i dont know if easier you're trying js. when need override styles specific browser create check browser serverside, , include stylesheet overrides base styles.