继承这个词,相信你们不会陌生,那么今天说点大于号('>')与
继承的关系,因此需更深的原理,来看一下吧!css
看一下这个代码spa
<div> <span>11111</span> <span>22222</span> <span>33333</span> </div> <style type="text/css"> div > span { font-size: 20px; background: blue; } </style>
此时会是什么样子,你们应该了解吧 code
若是要是使第一个span不一样于后面两个呢?怎样解决,这样吗?继承
<div> <p> <span>11111</span> </p> <span>22222</span> <span>33333</span> </div>
这样确实能够,因此大于号('>')是在嵌套标签中,将样式只做用于儿子辈的标签,而不做用于孙子辈的标签。原理
但若是这样呢?样式
<div> <span> <span>11111</span> </span> <span>22222</span> <span>33333</span> </div>
此时大于号会起做用吗?答案:不会.由于这个孙子辈的span标签继承儿子辈的span标签样式。di