CSS 문구를 쉬운 말로 설명해 드립니다

아래의 웹사이트로 가시면 됩니다

http://gallery.theopalgroup.com/selectoracle/

아쉽게도 영어로 설명되어 있습니다
그러나 이해하는데 어렵지 않을 것입니다

아래와 같은 CSS 문구가 있습니다
무슨 의미인지 아시겠나요?

body > ol > li p;
:not(a);
p:not(.section);
body > h2:not(:first-of-type):not(:last-of-type);
ul li:nth-child(2n+3):not(:last-child);
ol li:nth-child(-3n+9);
ol li:nth-child(7n-3);
button:not([DISABLED]);
html|*:not(:link);

이러한 어려운 문구를 설명해 주는 곳입니다.

방법은
Direct Input 박스에 CSS 문구를 넣고서
Explain This! 버튼을 누르면
Translations 박스에 설명이 나옵니다

위에서 언급한 것처럼 영어로 되어 있습니다.

URL Input에 웹주소를 넣고 버튼을 눌러도 됩니다