LoginSignup
0
0

課題(022)ー2

Posted at

お疲れ様です。

昨日の続きから課題の最後まで取り組み、提出をしてきました。
昨日躓いていた nth-of-type と first-letter の部分が解決したのでメモを残します:relaxed:

スクリーンショット 2024-06-22 154144.png

質問コーナーにて同じ質問をされている方がいたので、その質問に対しての返答を見てきましたところ、nth-of-type ではなく nth-child でした!

●nth-of-type()
親要素の中にある、同じ要素の中(pなど)でn番目の要素にスタイルを適用する
()には、例えば2番目のpであった場合、 p:nth-of-type としたあとに2を入力


●nth-child()
親要素の中にある、特定の順番にある要素にスタイルを適用する
()には、例えばhtml内の親要素の3行目のpであった場合、 p:nth-child としたあとに3を入力


という違いがあるのを見落としていました:cold_sweat:
調べるのはいいと思うのですが、内容をちゃんと読んでから、先走らずちゃんと情報を選択しないといけませんでした…

スクリーンショット 2024-06-22 154209.png
そしてコードを訂正し、無事見本通りに実装できました。

あとはメディアクエリで、ブレークポイントを指定し、縦並びにするようにすればokでしたので、
1時間以内でできました。

html、cssの課題はあと数個でしたので、残りも取り組んでいきます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0