下記のように画面幅によって、特定の要素が出現するように、記述しているのですが、もう少し簡素化できる方法があれば教えて下さい。よろしくお願いします。
HTML
1<div class="red"> <a> あ </a> </div> 2<div class="blue"> <a> い </a> </div>
CSS
1@media screen and (min-width:400px){ 2.red: a{ 3 color: red;} 4.blue a{ 5 display: none;} 6}} 7 8@media screen and (max-width:400px){ 9.red: a{ 10 display: none;} 11} 12.blue a{ 13 color: blue; 14}}
回答1件
あなたの回答
tips
プレビュー