大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了css后代选择器应用实例分析的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css后代选择器应用实例分析文章都会有所收获,下面我们一起来看看吧。
成都创新互联主营上海网站建设的网络公司,主营网站建设方案,重庆APP软件开发,上海h5成都微信小程序搭建,上海网站营销推广欢迎上海等地区企业咨询
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后代选择器应用实例分析”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“css后代选择器应用实例分析”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。