一起前行的全栈

css3的选择器

2016-04-04  本文已影响8人  你的言语我爱听却不懂

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

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

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

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

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

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读