css有哪些后代选择器

本篇内容主要讲解“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。

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



    
        
        
        
    
    
        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有哪些后代选择器
文章分享:http://azwzsj.com/article/pgeddg.html

其他资讯