div span是上下文选择符,表示选择div里面的所有span,注意是所有的,无论是不是直接承下关系。
但是div>span不同。 >(大于号)是子代选择符,它表示的是选择div的子代span。
例如在结构
复制代码代码如下:
儿子span
孙子span
非div内部span
div>span只能选择id="erzi-keleyi-com"的span,因为它是div的子代。而id="sunzi-keleyi-com"的span没有被选择。
下面为实例代码:
复制代码代码如下:
div{border:1px solid green;margin:10px}
span{display:block;background-color:Silver;padding:10px;margin:10px;}
div>span{border:1px solid red;}
https://www.jb51.net/" target="_blank">web前端 https://www.jb51.net" target="_blank">没有大于号的
只有div的儿子span元素有红色边框
div儿子span
div孙子span
非div内部span



