1、CSS3選擇器
①解析：
div p:被選中的<p>元素可能是<div>元素的子元素，孫子元素，重孫元素…。
div>p:被選中的<p>元素只能是<div>元素的子元素。
②解析：
div+p:被選中的<p>元素是緊接在<div>元素之后的第一個p元素。如果不是緊接著，比如中間有<span>標簽，則選不到任何元素。
p~ul:所有相同的父元素中位于 p 元素之后的所有 ul 元素。
③解析：
屬性可以有多個值，不同屬性值之間用空格分隔。
[title~=flower]：flower為title的其中一個屬性值。
④解析：
a:active，點擊鏈接，鼠標按下時，鏈接變為相應的樣式。
⑤解析：
p:first-child：如果存在父級元素的第一個子元素是p元素，則選中該元素。如果 父級元素下，第一個元素不是p元素，則不選中。
⑥解析：
p:lang(it)：lang屬性中只有一個單詞，該單詞是it，或該單詞為用連字符連接it和其他字母，如it-dog。
Paste_Image.png
⑦解析：
p:only-of-type：如果p元素不是其父級唯一子元素，則無法選中。
