div span是上下文选择符，表示选择div里面的所有span，注意是所有的，无论是不是直接承下关系。
但是div>span不同。 >(大于号)是子代选择符，它表示的是选择div的子代span。
例如在结构
复制代码代码如下:
<div id="keleyi">
<span id="erzi-keleyi-com">儿子span
<span id="sunzi-keleyi-com">孙子span</span>
</span>
</div>
<span>非div内部span</span>
div>span只能选择id="erzi-keleyi-com"的span，因为它是div的子代。而id="sunzi-keleyi-com"的span没有被选择。
下面为实例代码：
复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<title>css大于号示例</title>
<style>
div{border:1px solid green;margin:10px}/*div为绿色边框*/
span{display:block;background-color:Silver;padding:10px;margin:10px;}/*span背景颜色为银色*/
div>span{border:1px solid red;}/*有大于号*/
</style>
</head>
<body>
<div><a href="<a href="https://www.jb51.net/">https://www.jb51.net/</a>" target="_blank">web前端</a> <a href="<a href="https://www.jb51.net">https://www.jb51.net</a>" target="_blank">没有大于号的</a>
</div>
<div>只有div的儿子span元素有红色边框</div>
<div id="keleyi">
<span id="erzi-keleyi-com">div儿子span
<span id="sunzi-keleyi-com">div孙子span
</span>
</div>
<span>非div内部span</span></p>
<p></body>
</html></p>
<p>
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
更新日志
- 三国志8重制版武将图像怎么保存 三国志8重制版武将图像设置方法
- 何方.1990-我不是那种人【林杰唱片】【WAV+CUE】
- 张惠妹.1999-妹力新世纪2CD【丰华】【WAV+CUE】
- 邓丽欣.2006-FANTASY【金牌大风】【WAV+CUE】
- 饭制《黑神话》蜘蛛四妹手办
- 《燕云十六声》回应跑路：年内公测版本完成95%
- 网友发现国内版《双城之战》第二季有删减：亲亲环节没了！
- 邓丽君2024-《漫步人生路》头版限量编号MQA-UHQCD[WAV+CUE]
- SergeProkofievplaysProkofiev[Dutton][FLAC+CUE]
- 永恒英文金曲精选4《TheBestOfEverlastingFavouritesVol.4》[WAV+CUE]
- 群星《国风超有戏 第9期》[320K/MP3][13.63MB]
- 群星《国风超有戏 第9期》[FLAC/分轨][72.56MB]
- P1X3L《P1X3L》[320K/MP3][143MB]
- 群星.2022-良辰好景知几何电视剧原声带【SONY】【FLAC分轨】
- 庾澄庆.1991-管不住自己【福茂】【WAV+CUE】