css3的选择器

1.子元素选择器.也叫直接选择器.写法是div>p{},如下图

css3的选择器_第1张图片

结果是所有main下的p中的数字都变成红色了


2.相邻兄弟选择器,可选择紧接在另一元素后的元素,且二者有相同的父元素 ,写法h1 + p {},如下图


css3的选择器_第2张图片

结果是main1和p1中的数字都变成红色。


3.通用兄弟选择器。写法main1~p1{},如下图



css3的选择器_第3张图片

结果是main1之后的所有同级的p1中的数字变成红色


4.属性选择器。写法[target=_blank],如下图



css3的选择器_第4张图片


结果是第一个a标签和第三个a标签中的文字变成红色

今天就到这里了,明天继续。

你可能感兴趣的:(css3的选择器)