咋理解CSS里的派生选择器?

派生选择器是什么??百度百科:派生选择器就是通过依据元素在其位置的上下文关系来定义样式,以达到使标记更加简洁的目的。派生选择器_百度百科解释中对你来说难理解的应该就是上下文关系。你可以把上下文关系理解成dom树。见下图:咋理解CSS里的派生选择器?
【咋理解CSS里的派生选择器?】
对其中的em元素,如果我们这样声明一条样式em{ color:red;}这样的话,会对 整个HTML中所有的em元素都设置成了红色字体,如果是这样定义:p em{ color:green;}这样的话,会对只有p元素包含的的em元素才会被设置成绿色。因为,这个em元素只有在上下文中存在p时才会有效。通俗的说,就是前面写祖先元素,后面是子孙元素。如果是这样的:p\u0026gt;em{ //style}这只会在父元素是p的em元素下起作用(必须是严格的父子关系才可以)。


    推荐阅读