CSS样式子代选择符大于号>)使用方法

这篇文章给大家介绍CSS样式子代选择符大于号 >)使用方法,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

10年积累的网站设计制作、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先建设网站后付款的网站建设流程,更有察布查尔锡伯免费网站建设让你可以放心的选择与我们合作。

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没有被选择。

下面为实例代码:

代码如下:


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

css大于号示例



https://www.cdcxhl.com/" target="_blank">web前端 https://www.cdcxhl.com" target="_blank">没有大于号的

只有div的儿子span元素有红色边框


div儿子span
div孙子span


非div内部span


关于CSS样式子代选择符大于号 >)使用方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


名称栏目:CSS样式子代选择符大于号>)使用方法
地址分享:http://azwzsj.com/article/gojgjs.html