Загадочный :not() 2

by fersterin

HTML

<div>
	<p>Lorem ipsum dolor sit amet.</p>
</div>
<div>
	<footer>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, molestias.</footer>
</div>
<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</em>
<ul>
	<li>Lorem ipsum dolor sit.</li>
	<li>Cum facilis placeat eos.</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, optio, error. Odit!</p>

CSS

:not(p) {
	background: blue;
}
html, body {
	background: white;
}

/*
К тегам html и body, также применяется свойство :not(p)
Также свойство color наследуется от html а потом от body и not(p) { color: red;} уже не будет работать на параграфе. Суть not(p), что стиль НЕ применяется к параграфу, но применяется к остальным элементам. Но поскольку свойство color наследуется по умолчанию, то оно и передается параграфу p. Поэтому чтобы перебить наследование, нужно заранее задать параграфу цвет, он перебьет это наследование от body.

*/