CSSのファイルはstyle027.cssです。
.box0 {border: solid 1px #000;}/*囲み枠*/
article p {color:red;}
/*articleに対する子孫pを結合するスペースを子孫結合子と言います。*/
article p:not(:first-of-type) {color:violet;
}/*articleの中の最初のpでないもの*/
article p:first-of-type {color:blue;
}/*articleの中の最初のp
last,nthも使えます*/
article p:first-of-child {color:yellow;
}/*articleの中の最初の何か(h1になる)*/
article p:nth-of-type(3) {color:green;
}/*articleの中のn番目のp*/
article p:hover {background-color:red;
}/*:hoverマウスが通過するとき*/
h1::after{content:"!!!!";
}/*beforeもあります。*/
p::first-line{color:gray;
}/*最初の行にスタイルを付けます。*/
p::first-letter{color:brown;
}/*最初の文字にスタイルを付けます。*/
article h1{color:red;
}/*articleの中のh1だけ赤にします。)*/
main > h1{color:green;
}/*mainの直下のh1だけ緑にします。)
+,~*/
ダミー文章：Lorem ipsum dolor,
sit amet consectetur
ダミー文章：Lorem ipsum, dolor
sit amet consectetur
ダミー文章：Lorem ipsum dolor
sit amet, consectetur
ダミー文章：Lorem ipsum dolor,
sit amet consectetur
ダミー文章：Lorem ipsum, dolor
sit amet consectetur
ダミー文章：Lorem ipsum dolor
sit amet, consectetur