質問: WordPress、webコーディングについての質問です。
回答: des********さんが回答しているのは合っているけど、これだけではない。 body:not(.custom-background-image):before{ } ↑ レスポンジプで変わりますが、ブラウザの幅を縮めたりすると上下の高さのtop: 46px;→top: 32px;→top: 21px; その上、 body:not(.custom-background-image):before, body:not(.custom-background-image):after { } の中に「height: 21px;」で下に21px空けて、そこに background: inherit;で親要素と同じ背景色にしている。 つまり、親要素がbodyなので body { background: #1a1a1a; } と同じ。 あとは、 @media screen and (min-width: 44.375em){ .site { margin: 21px; } } ↑ レスポンジプでこの「margin: 21px;」にすることで四辺が21pxのmarginが出来て そこに背景色の#1a1a1a;ができる。 すなわち、「margin: 21px;」がないと、上下にあるだけで左右はない表示になってしまう。 こんなに複雑なcssにしている。