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.]) ?

<h1 class="box">Test border shadow</h1>

/* 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)