十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本篇内容主要讲解“css有哪些后代选择器”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css有哪些后代选择器”吧!
成都创新互联是一家专业提供观山湖企业网站建设,专注与成都做网站、成都网站建设、H5场景定制、小程序制作等业务。10年已为观山湖众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
css后代选择器有:1、“父代元素 * {}”,从父代元素中的找到所有子代元素。2、“父代 子代{}”,是从父代 元素中找到指定子代元素;3、“父代 子代1 子代2{}”,从父代中找到子代1,再从子代1找到子代2。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
后代选择器(descendant selector)又称为包含选择器。
后代选择器可以选择作为某元素后代的元素。
后代选择器集中形式:
1、父代 * {}
从 父代 中的找到 所有子代。
2、父代 子代1{}
是从 父代 中找到 子代1 或者 父代 子代2{}
是从 父代 中找到 子代2 。
3、父代 子代1 子代2{}
这个是从 父代 中找到子代1,再从 子代1 找到 子代2。
第一种形式:虽然是全部选中但是*的优先级较低。
abc
第二种形式:
abc
第三种形式:它并不可以同时选中 .b 和 .c,只能选中.c.
abc
还有一点需要注意如下代码:在类名为c的p中嵌套了一个p 中再嵌套了一个类名为c的p,这时同样会被选中
abcspan
到此,相信大家对“css有哪些后代选择器”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!