什么是复合选择器在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。
① 复合选择器可以更准确、更高效的选择目标元素(标签)
② 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的
③ 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等一、后代选择器 (重要)后代选择器又称为包含选择器,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-21 08:23:55
                            
                                53阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-17 00:29:05
                            
                                1157阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
 
 
 
    
    
    
            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-28 15:22:06
                            
                                79阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如图: ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-17 20:31:00
                            
                                241阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1、后代选择器后代选择器又称为包含选择器,可以选择父元素里面的子元素,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-20 10:39:04
                            
                                120阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是复合选择器 复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 后代选择器 后代选择器又称包含选择器,可以选择父元素里面的子元素。其写法就是把外层标签写在前面,内层标签 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-26 17:53:00
                            
                                979阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            *通用选择器:选择所有元素,不参与计算优先级,兼容性IE6+#X id选择器:选择id值为X的元素,兼容性:IE6+.X 类选择器: 选择class包含X的元素,兼容性:IE6+X Y后代选择器: 选择满足X选择器的后代节点中满足Y选择器的元素,兼容性:IE6+X 元素选择器: 选择标所有签为X的元素,兼容性:IE6+:link,:visited,:focus,:hover,:activ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-05 11:34:58
                            
                                152阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            尽管css选择器我们经常使用,但还是有人分不清,或者不知道选择器的全部范围。更有甚者看到文章中的选择器,还表示没有见过。那今天,热心的小药就给大家好好梳理下。选择器分类没有章法的混乱记忆,是不科学的。学习技术也是一样,我们应该就结构化思维。这样方便记忆,和日后使用。选择器通常被分为普通选择器、分组选择器、组合选择器和伪选择器四种。咱们将根据使用频率,从高到低依次详细介绍。普通选择器1.\:也就是全            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-30 09:17:16
                            
                                206阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、子元素选择器1、语法说明2、代码分析3、代码示例二、交集选择器1、语法说明2、代码示例            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-17 00:28:59
                            
                                1086阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录CSS复合选择器交集选择器并集选择器后代选择器子元素选择器伪类选择器链接伪类选择器CSS复合选择器复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。记忆技巧:交集选择器 是 并且的意思。  即…又…的意思比如:   p.one   选择的是: 类名为 .one  的 段落标签。  用的相            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-06-27 10:03:04
                            
                                260阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            基本CSS选择器有标记选择器、类别选择器、ID选择器3种1。标记选择器     每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等2。类别选择器     类别选择器的名称可以由用户自定义   格式如下:.class{color:green;font-size:20px;}3。ID选择器     与类别选择器相试   格式如下:#id{colo            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-11 23:43:24
                            
                                434阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            基本CSS选择器有标记选择器、类别选择器、ID选择器3种
1。标记选择器
     每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等
2。类别选择器
     类别选择器的名称可以由用户自定义
    格式如下:.class{color:green;font-size:20            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-05-31 21:07:25
                            
                                10000+阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            http://gaterking.blog.51cto.com/69893/161931            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-11-02 13:23:33
                            
                                82阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言:主要做一下笔记,以免搞忘记了。
1.后代选择器            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-22 09:57:22
                            
                                77阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            复合选择器总结:1.后代选择器:用来选择后代元素,可以是孙子,是儿子。写法:                       .nav a2.子代选择器:选择最近一级的元素,只选择亲儿子。 写法:          &nbs            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-23 18:37:30
                            
                                101阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            复合选择器-后代选择器(HTML、CSS)<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>复合选择器-后代选择器</title>    <style>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-20 10:10:05
                            
                                255阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            基本CSS选择器有标记选择器、类别选择器、ID选择器3种1。标记选择器    每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等2。类别选择器    类别选择器的名称可以由用户自定义   格式如下:.class{color:green;font-size:20px;}3。ID            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-06-23 23:07:11
                            
                                1485阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            复合选择器标签指定式选择器        由两个选择器构成,其中第一个为标签选择器,第二个:   &n...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-19 15:20:42
                            
                                57阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言:主要做一下笔记,以免搞忘记了。
1.后代选择器
类似于家族关系写就行了。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-10 09:52:26
                            
                                80阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            复合选择器-子选择器(HTML、CSS)<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>复合选择器-子选择器</title>    <style>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-20 10:10:13
                            
                                188阅读