css3的选择器

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

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


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


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


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



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


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




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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容