CSS 子元素选择器_html/css_WEB-ITnose

             p1    
                
            p2

既然是子元素，为什么 p2 也变了颜色呢？

一开始以为是继承，后来用 style="color: red; " 试了一下，下面 p 不会继承这个样式。

求解啊，谢谢了！

回复讨论(解决方案)

这就是所谓的标签嵌套规范，你可以通过开发者人员工具，查看页面解析，虽然p包含在内，但是，最终解析还是属于 div的直接子集

如下实例是正常的

     p1
    p2
        	p3

div p{}//这种才是，div下，所有的后代元素。//可以理解为，包括儿子辈，孙子辈，重孙辈。。一直到底div > p{}//这种是直接子元素。//可以理解为，这个只选择儿子辈的p元素

http://www.w3school.com.cn/css/css_selector_child.asp

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

查看更多