前提
自分でWebサイトを作っているところ、レスポンシブで躓いてしまいました。
プロゲートというサイトを使っていたのですが、そこでは手前に親要素をしていせず、そのまんま子要素だけを指定していたので、自分もそうできないのかと思いやってみたところ、親要素を前に書かないと表示できないみたいだったので質問させてもらいました。
語彙力なくてすみません
実現したいこと
html
1<div class="pearet_class"> 2 <div class="chaild_class"></div> 3</div>
css
1@media all and (max-width:〇〇px) { 2 .pearent_class .chaild_class { 3 ~~ 4 } 5}
と、手前に親要素を指定せずに
css
1@media all and (max-width:〇〇px) { 2 .chaild_class { 3 ~~ 4 } 5}
と子要素だけ指定して表示させたい
該当のソースコード
htmlの部分で、cssを読み込むとこは以下の通りに書いています。
html
1<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"> 2<link rel="stylesheet" href="public/css/style.css"> 3<link rel="stylesheet" href="public/css/ipad.css"> 4<link rel="stylesheet" href="public/css/mobile.css">
補足情報(FW/ツールのバージョンなど)
OS:MacOS Catalina 10.15.7
Vscode:1.67.2
回答2件
あなたの回答
tips
プレビュー