css后代选择器应用实例分析

这篇文章主要介绍了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。

第一种形式:虽然是全部选中但是*的优先级较低。



    
        
        
        
    
    
        a
            b
                c
            
        
    

css后代选择器应用实例分析

第二种形式:



    
        
        
        
    
    
        a
            b
                c
                          

css后代选择器应用实例分析

第三种形式:它并不可以同时选中 .b 和 .c,只能选中.c.



    
        
        
        
    
    
        a
            b
                c
            
        
    

css后代选择器应用实例分析

还有一点需要注意如下代码:在类名为c的p中嵌套了一个p 中再嵌套了一个类名为c的p,这时同样会被选中



    
        
        
        
    
    
        a
            b
                c
                
                    span
                                                            

关于“css后代选择器应用实例分析”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“css后代选择器应用实例分析”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


分享文章:css后代选择器应用实例分析
文章网址:http://scyanting.com/article/jhohij.html

其他资讯