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元素不是其父级唯一子元素，则无法选中。
网友评论