时间:2021-05-08
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}
span{display:block;background-color:Silver;padding:10px;margin:10px;}
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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
CSS组合选择符包括各种简单选择符的组合方式。在CSS3中包含了四种组合方式:后代选择器(以空格分隔)子元素选择器(以大于号分隔)相邻兄弟选择器(以加号分隔)普
后代选择符用于选取一个标签的所有后代,包括子代和孙辈等;而子代选择符只选取指定父辈的子代标签(指定标签元素的第一代子元素)。子代选择符使用一个额外的符号(尖括号
CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式比如我们想
jQuery有三种基本的选择符:标签名、ID和类。这些选择符可以单独使用,也可以与其他选择符组合使用。 下面介绍: 1.标签名CSS:P{}jquery
jQuery选择器的强大不仅在于选择器支持基本的css选择符,还支持很多CSS的伪类选择符,甚至可以自定义选择符,下面让我们来看看一些伪类选择符:nth-chi