p > span{ color:blue; } <p> 嵌套使用<span>css好牛逼!</span><span>是啊<b>也影响孙子</b></span> </p> 这样会影响<p>标签里直系子元素<span>及<span>的子孙 “css好牛逼! 是啊也影响孙子” 会变蓝色,“也影响子孙”变蓝色是因为CSS继承 p > span{ color:blue; } <p> <em>嵌套使用<span>css好牛逼!</span><span>是啊<b>也影响孙子</b></span></em> </p> 这样p标签里的span及其子孙是不受影响的,因为有隔代,不能隔代选择,子选择器必须直系 这时应该用后代选择器 p span { color: blue;}