1睛约、CSS3選擇器
①解析:
div p:被選中的<p>元素可能是<div>元素的子元素凰兑,孫子元素脯倚,重孫元素…。
div>p:被選中的<p>元素只能是<div>元素的子元素笋婿。
②解析:
div+p:被選中的<p>元素是緊接在<div>元素之后的第一個p元素誉裆。如果不是緊接著,比如中間有<span>標(biāo)簽缸濒,則選不到任何元素足丢。
p~ul:所有相同的父元素中位于 p 元素之后的所有 ul 元素粱腻。
③解析:
屬性可以有多個值,不同屬性值之間用空格分隔斩跌。
[title~=flower]:flower為title的其中一個屬性值绍些。
④解析:
a:active,點擊鏈接滔驶,鼠標(biāo)按下時遇革,鏈接變?yōu)橄鄳?yīng)的樣式卿闹。
⑤解析:
p:first-child:如果存在父級元素的第一個子元素是p元素揭糕,則選中該元素。如果 父級元素下锻霎,第一個元素不是p元素著角,則不選中。
⑥解析:
p:lang(it):lang屬性中只有一個單詞旋恼,該單詞是it吏口,或該單詞為用連字符連接it和其他字母,如it-dog冰更。
⑦解析:
p:only-of-type:如果p元素不是其父級唯一子元素产徊,則無法選中。