您现在的位置是：网站首页> 编程资料编程资料

CSS样式子代选择符(大于号 >)使用实例详解CSS选择符之子代选择符

2021-09-06 900人已围观

简介 CSS样式子代选择符使用方法，大家参考使用吧

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.jb51.net/" target="_blank">web前端https://www.jb51.net" target="_blank">没有大于号的

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

div儿子span
div孙子span

非div内部span