网站建设资讯

NEWS

网站建设资讯

css语言中怎么使用后代选择器

本文将为大家详细介绍“css语言中怎么使用后代选择器”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“css语言中怎么使用后代选择器”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。

巫山网站制作公司哪家好,找成都创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作,到程序开发,运营维护。成都创新互联成立与2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联

在css中,后代选择器用来选择特定元素或元素组的所有指定后代元素,需要将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开,语法为“父元素 子元素{css样式}”。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

后代选择器也称包含选择器,用来选择特定元素或元素组的后代,将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开。

后代选择器集中形式:

1、父代 * {}从 父代 中的找到 所有子代。

2、父代  子代1{} 是从 父代 中找到 子代1  或者  父代  子代2{} 是从 父代 中找到 子代2  。

3、父代   子代1  子代2{} 这个是从 父代 中找到子代1,再从 子代1 找到 子代2.

后代选择器中的元素不仅仅只能有两个,对于多层祖先后代关系,可以有多个空格加以分开,如id为a、b、c的三个元素,则后代选择器可以写成#a #b #c{}的形式,只要对祖先元素的选择在后代元素之前、中间以空格分开即可。

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



    
        
        
        
    
    
        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的全称是Cascading Style Sheets(层叠样式表),它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

感谢您能读到这里,小编希望您对“css语言中怎么使用后代选择器”这一关键问题有了从实践层面最深刻的体会,具体使用情况还需要大家自己动手实践使用过才能领会,如果想阅读更多相关内容的文章,欢迎关注创新互联行业资讯频道!


网站栏目:css语言中怎么使用后代选择器
当前网址:http://cdweb.net/article/jsegjh.html

其他资讯