2020年9月

CSS

CSS 結合子いろいろ

main * { color: red; } mainの中のすべての要素に適用   main h1 { color: red; } mainの下にあるh1すべてに適用   main article h1 { color: red; } mainの下にあるarticleの下のh1に適用   main > h1 { color: red; } main直下のh1にだ […]

CSS

CSS 「::first-letter」の使い方

p::first-letter { color: red; font-size: 24px; font-weight: bold; } pタグで記述されているものの最初の1文字だけ   字を赤色にする   フォントサイズを24pxにする   太字にする 参考にしたYouTube

CSS

CSS 「::after」の使い方

h1::after{ content: "←New!!!"; color: green; }   h1タグで記述されているもののあとに、「←New!!!」を緑色で表示する。     参照したMDNリファレンス https://developer.mozilla.org/ja/docs/Web/CSS/::after   参考にしたYouTube

CSS
  • 2020.09.01
  • ,

CSS 「:not」の使い方

article p:not(:first-of-type) { color: red; } articleタグ内、Pタグのうち、最初のもの以外を赤字にする。 「:not()」のかっこ内に除外したいものを入れます。   参考にしたYouTube