hi,
starting with Modernizr
http://codepen.io/krsiakdaniel/pen/9/7
what is correct use to target older browsers, using the default generated class in HTML (example 1.]) ?
Test border shadow
/* 1.] uses HTML classes */
.no-borderradius .box {border: 3px solid green;}
.borderradius .box {
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inset 0 0 5px #333;
}
/* 2.] but this works too */
.box {border: 10px solid red;}
.boxshadow .box {
border: none;
-webkit-box-shadow: inset 0 0 5px #333;
box-shadow: inset 0 0 5px #333;
}
I noticed you can use only class .box for older IE
then just override it in modern browsers, supporting this feature.boxshadow .box with border: none;
which one of these is correct use?
(I believe no.1)