【4日目】 CSSの優先順位

ネコチャーン

コースが始まると猫が集結してくるのはなんでなんだぜ？？？？？#sunabaco #おんらいん1st pic.twitter.com/euKFEj8Sj9

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020

CSS

CSSを書く場所の話、外部ファイルに書く、htmlにstyleタグをかく、htmlに直接書く
h1=セレクタ
color=プロパティ
red=値#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020

idとclassどうやって使い分けるの？と思ったらこの記事で理解した。修飾がばってイィングした時idはclassに優先される、同じidは1ページ中1回しか使えない、全部クラスで基本的にいいけど一箇所だけidで修飾してあるとコードを読み解く際に便利https://t.co/GTNbXCfSt1#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020

CSSの絞り込み指定
優先順位の考え方
→詳細度が高い方 が優先される#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020

デベロッパーツールズ

デベロッパーツールズhttps://t.co/35Q413rN82

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020

私の戦闘力は53万です#sunabaco #おんらいん1st pic.twitter.com/yb3FOVvHeU

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020

はっ 騙されるところだった… https://t.co/l5H4sycH8a

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020

【今日のおさらい】
・絶対パスと相対パス大事！
・セレクタ大事！セレクタの書き方がCSSを左右する！絶対おさえておく
・CSSの優先順位をコントロールすること！
・Chromeのデベロッパーツールを使いこなす＝HTML,CSSの習熟度に影響するといっても過言ではない！

おつばこでした～!#おんらいん1st

— @moco@SUNABACOおんらいん1st (@at_moco) May 7, 2020

筋トレ&ストレッチ

今日の筋トレ&ストレッチは一連の流れで！首肩をほぐし、体幹を鍛えられます。最初は足が床につかなくても大丈夫です。#sunabaco #おんらいん1st #sunabaco筋肉部 #みんなのすとれっち #みんなの筋とれ pic.twitter.com/E8KixK3ZhC

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 7, 2020