css3的选择器
2016-04-04 本文已影响8人
你的言语我爱听却不懂
1.子元素选择器.也叫直接选择器.写法是div>p{},如下图

结果是所有main下的p中的数字都变成红色了
2.相邻兄弟选择器,可选择紧接在另一元素后的元素,且二者有相同的父元素 ,写法h1 + p {},如下图

结果是main1和p1中的数字都变成红色。
3.通用兄弟选择器。写法main1~p1{},如下图

结果是main1之后的所有同级的p1中的数字变成红色
4.属性选择器。写法[target=_blank],如下图
