【HTML/CSSコーディング】超便利な擬似要素。data属性も。

Поделиться
HTML-код
  • Опубликовано: 20 янв 2025

Комментарии • 38

  • @山内昌子-n9q
    @山内昌子-n9q 6 месяцев назад +1

    ありがとうございます!

    • @hirocode
      @hirocode  6 месяцев назад

      こちらこそありがとうございます😆❗️

  • @odaroku
    @odaroku 5 месяцев назад +1

    ずっと疑問に思っていた擬似要素についてとてもわかりやすく教えてくださり、本当にありがとうございました!すごくよくわかりました!😭❤✨

    • @hirocode
      @hirocode  5 месяцев назад +1

      お役になったようで良かったです😊♪嬉しいコメントいただきありがとうございます😆❗️

  • @kuroyan235
    @kuroyan235 8 месяцев назад +1

    ありがとうございます。すっげー分かりやすい!!!

    • @hirocode
      @hirocode  8 месяцев назад

      めちゃめちゃ嬉しいコメントありがとうございます😆❗️

  • @kakkoiinippon
    @kakkoiinippon Год назад +1

    🇯🇵🇯🇵🇯🇵わかりやすいです

    • @hirocode
      @hirocode  Год назад

      ありがとうございます😆❗️

  • @user-tf2kq1uz9g
    @user-tf2kq1uz9g 2 года назад +3

    再生のバーと同じ場所に下のバーがあるのクソ見やすい!

    • @hirocode
      @hirocode  2 года назад

      ありがとうございます😆‼️

  • @fumi8991
    @fumi8991 3 года назад +1

    わかりやすい! 勉強になりました!

    • @hirocode
      @hirocode  3 года назад +1

      嬉しいコメントいただきありがとうございます🙇‍♂️❗️

  • @misora6727
    @misora6727 3 года назад +1

    めっちゃ分かりやすかったです!

    • @hirocode
      @hirocode  3 года назад

      ありがとうございます🙇‍♂️❗️❗️

  • @rogw6043
    @rogw6043 3 года назад +13

    完成図があって一つずつ近づけていく感じわかりやすくて最高

    • @hirocode
      @hirocode  3 года назад

      ありがとうございます🙇‍♂️❗️

  • @mitsuki-te8nc
    @mitsuki-te8nc 3 года назад +2

    めちゃめちゃ分かりやすかったです!
    参考にさせていただきます!!

    • @hirocode
      @hirocode  3 года назад

      そう言っていただけて嬉しいです😭ありがとうございます❗️

  • @ボコのミュージックライブラリ

    有益すぎて興奮してます。

    • @hirocode
      @hirocode  3 года назад

      嬉しいです😆❗️ありがとうございます❗️❗️

  • @tomoki.u6720
    @tomoki.u6720 3 года назад +1

    擬似要素のことがやっと理解できました!為になる動画ありがとうございます!

    • @hirocode
      @hirocode  3 года назад

      こちらこそ参考にしていただけて嬉しいです😆❗️ありがとうございます🙇‍♂️❗️

  • @さかな-c6g
    @さかな-c6g Год назад +1

    もうあるかもしれないですが、:hoverの際色々遊んでみたいので、「:hoverで色々遊んでみた」みたいな動画ほしいです!

    • @hirocode
      @hirocode  Год назад +1

      考えてみます❗️ご要望ありがとうございます😆❗️

  • @smami5740
    @smami5740 3 года назад +1

    疑似要素、奥が深いですね~!
    わかりやすく解説してくださり、本当にありがとうございます。

    • @hirocode
      @hirocode  3 года назад +1

      こちらこそご視聴いただきありがとうございます😊♪

  • @つけ麺-m5p
    @つけ麺-m5p 3 года назад +1

    今。オンラインのプログラミングスクールにてWord Press講座に入る前のLP作成課題で苦しんでるとこです。
    擬似要素はよく出てくるのに理解ができてなかったので非常にありがたい動画です。
    実用できるまで繰り返し見ます。チャンネル登録しました。

    • @hirocode
      @hirocode  3 года назад

      嬉しいコメントありがとうございます🙇‍♂️❗️チャンネル登録もしていただけて嬉しいです😭
      少しでも参考にしていただけたようで幸いです❗️
      スクール通っていらっしゃるんですね😲頑張ってください応援しています😆❗️❗️

  • @えりたそ-v1w
    @えりたそ-v1w 4 года назад +1

    初めて動画拝見しました!!
    疑似要素が出てくると良く分からなくて逃げ腰になっていたのですが、こんなに便利なものだったんですね・・・。
    復習しやすい動画になっているのも助かります。
    他の動画も拝見させていただきます。
    これからも楽しみにしています!!

    • @hirocode
      @hirocode  4 года назад

      そもそも擬似要素って名前自体が難しいイメージ醸し出してますよね😅笑
      嬉しいコメントありがとうございます🙇‍♂️より良い動画アップできるように頑張ります❗️

  • @-mosaic7723
    @-mosaic7723 3 года назад +1

    実際のサイトのソースを眺めていると、::before のようにコロンが二つ付いてる場合があるのですが、何か違いはありますか?

    • @hirocode
      @hirocode  3 года назад

      ご質問いただきありがとうございます🙇‍♂️❗️
      擬似要素の古い記述が「:」で、新しい記述が「::」になります。
      古い記述は古いバージョンのIEに対応しているため、一応、より幅広いブラウザに対応する書き方になっています。
      現状特に機能的な違いはありませんが、今後を見据えて「::」で記述する方が良いかもしれません❗️

  • @kumanokoTV
    @kumanokoTV 3 года назад +1

    はじめまして。
    画像をCSSで設定する際にcontentでは指定せずbackgroundするのは何か違いはあるのでしょうか?

    • @hirocode
      @hirocode  3 года назад +1

      コメントありがとうございます😊♪
      contentで画像を指定する場合、画像サイズの調整ができなくなるため、基本的にbackgroundで指定するようにしています❗️

  • @kenjijinke
    @kenjijinke 4 года назад +1

    こんな便利な裏技があったとは。。

    • @hirocode
      @hirocode  4 года назад

      コメントありがとうございます🙇‍♂️❗️参考にしていただけて嬉しいです😊🎵

  • @ikedaminori
    @ikedaminori 3 года назад +2

    擬似要素の使い方が実例を交えて解説してるので、分かりやすい&実際に使えるヒントがたくさんで素敵です😊

    • @hirocode
      @hirocode  3 года назад

      嬉しいコメントありがとうございます😭