Googleでログイン
Twitterでログイン
問題
高さを保ったまま要素を消してみよう!
画像を参考に実装してみましょう。
画像を参考に実装してみましょう。
自分の環境に書くコード
<p>テスト1テスト1テスト1</p>
<p>テスト2テスト2テスト2</p>
<p>テスト3テスト3テスト3</p>
¥HTML¥
p {
margin-bottom: 16px;
}
¥CSS¥
期待する画面
解答ソースコード
<p>テスト1テスト1テスト1</p>
<p>テスト2テスト2テスト2</p>
<p>テスト3テスト3テスト3</p>
¥HTML¥
p {
margin-bottom: 16px;
}
p:nth-child(2) {
visibility: hidden;
}
¥CSS¥
1.HTMLの宣言をしてみよう
解説
アニメーションで展開するときなどで結構使われますので覚えておきましょう。