HTML / CSS

@media screen and (min-width:480px)

/*@media以外の所は全てのサイズで読み込まれます。*/
p {
color:red;
}
 
@media screen and (minwidth:480px) {
    /* 画面サイズが480pxからはここを読み込む */
p { color:#ededed;}
}
 
@media screen and (minwidth:768px) and ( maxwidth:1024px) {
    /* 画面サイズが768pxから1024pxまではここを読み込む */
p {}
}
 
@media screen and (minwidth:1024px) {
    /* 画面サイズが1024pxからはここを読み込む */
 
}