html
1<style> 2 @media (min-width: 768px){ /* max-width: 768pxになった場合も*/ 3 .classA { 4 width: 100%; 5 /*その他処理*/ 6 } 7 } 8 .classB { 9 width: 50%; 10 /*その他処理*/ 11 } 12</style> 13<div class="classA classB>Am I div?</div>
簡単に書くとこんな感じなんですが、この場合**<div class="classA classB>Am I div?</div>**はどうなるのですか?
html
1<style> 2 .classC { 3 width; 500%; 4 float: left; 5 } 6@media (min-width: 968px) { .classC { width: 70%; float: left;} } 7@media (min-width: 768px) { .classC { width: 100%} } 8 9</style> 10<div class="classC>I am a div!</div>
このように同じクラスに複数スタイルが振り分けられていてもしっかりと処理をしてくれるのですか?
グリッドシステムの実装を目指しています。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/08/16 07:11