1、E:nth-child(n):匹配元素类型为E且是父元素的第n个子元素 <style type="text/css"> .list div:nth-child(2){ background-color:red; } </style> ...... <div class="list"> <h2>1            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-05 17:28:59
                            
                                171阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            天空之外结构(位置)伪类选择器(CSS3)案例属性选择器案例伪元素选择器(CSS3): 伪类与  :: 伪元素注意案例结构(位置)伪类选择器(CSS3):first-child :选取属于其父元素的首个子元素的指定选择器:last-child :选取属于其父元素的最后一个子元素的指定选择器:nth-child(n) : 匹配属于其父元素的第 N 个子元素,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-07-15 09:14:14
                            
                                815阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css3选择器属性选择器|=伪类选择器头尾正数与倒数计数从1开始选择奇数个与偶数个nth-of-type目标伪类选择器被激活的锚点的样式层级选择器前缀...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-13 22:31:31
                            
                                111阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css2中的属性选择器:    element[attr]{ } 指定了属性名,但没有指定属性值得element元素    element[attr=value]{ } 指定了属性名,并且指定了属性值为value的element元素    element[attr~=value]{ } 指定了属性名,并且属性值可以为词列表中的包含指定属性值value的element元素css3中的属性...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-02-28 13:28:13
                            
                                57阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css2中的属性选择器:    element[attr]{ } 指定了属性名,但没有指定属性值得element元包含指定属性值value的element元素css3中的属性...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-02-28 13:28:13
                            
                                51阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3新增选择器 第一部分(:root 选择器 :empty 选择器 :not 选择器 )            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-02-25 13:21:44
                            
                                86阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本篇目录一、属性选择器(★★)二、结构伪类选择器三、E:first-child(★★★)E:nth-child 与 E:nth-of-type 的区别四、小结五、伪元素选择器(★★★)应用场景一: 字体图标应用场景二: 仿土豆效果应用场景三: 清除浮动往期合集:CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-25 14:43:24
                            
                                126阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录1 CSS3的一些常用的新增选择器1.1获得class名称是div1下面的第一个子元素1.2 获得具体的某一个子元素1.3 获得空的元素对象1.4 获得焦点执行的样式1.5 伪对象选择器是在指定的对象之前(或者之后)插入内容1.6 属性选择器1.7 属性 ^用fom开头的对象2 选择器的种类总结:1 CSS3的一些常用的新            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-04-21 13:43:22
                            
                                183阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、选择器1、css主要有7中基本选择器ID选择器:#id类选择器:.class属性选择器:a[href="qqq.com"]标签选择器:body伪类选择器::hover、:link、:active、:visited、:focus、:first-letter伪元素选择器:::before通配符选择器:*  2、css选择器优先级                  
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-02 09:51:17
                            
                                586阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS基础总结  选择器CSS选择器分为元素选择器,组合选择符,属性选择符,伪类选择符,伪对象选择符五种。一、元素选择器1.通选符: *{ }     --->选择所有元素2.类选择器: .class{ }  --->选择带有该类的标签3.id选择符:  #id{ }  --->选择带有该ID的标签4            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-23 22:46:49
                            
                                1105阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录CSS选择器 CSS选择器CSS选择器也称为选择符,用于选择需要添加样式的元素全局选择器(通配符选择器):用于选择需要添加样式的元素 如: *{margin:0;padding:0;} 通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需要酌情使用。标签选择器(元素选择符):用于声明标记采用的样式 如:p{color:red;}类别选择器:用来为相同的类名标签定            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-17 09:55:01
                            
                                317阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              最近有点忙,现在时间空闲下来了,好好的整理一下知识,今天总结一下css里面的一些选择器。  css里的选择器有好多种,下面我就把我了解到的写一写,如果有不全的或者有误的欢迎留言指正,万分感谢。  一、选择器  1、* 通配符选择器    这个选择器是匹配页面中所有的元素,一般用来清除浏览器的默认样式.*{margin:0; padding:0}  2、元素选择器     通            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-30 10:59:17
                            
                                657阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            css选择器什么是选择器?  选择器是你构造好网页的结构,需要给这些结构赋予样式,这时候就需要用到选择器,利用选择器将元素与样式一一对应;两者的对应关系可以是一对一,一对多,多对一。选择器的分类:  这里我只展示几种比较常见的类型,  1. 标签选择器    给同一种标签添加样式,例如:    标签名{      属性名:属性值;    }<style type="text/css">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-17 18:48:26
                            
                                126阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、CSS选择器概述通过选择器可以选定页面中的指定元素,对HTML页面中的元素实现一对一,一对多或者多对一的控制。HTML页面中的元素都是通过CSS选择器进行控制的。2、CSS选择器1、一般选择器   一般选择器 
 选择器示例示例说明及注意事项id选择器#name选择所有id="name"的元素,注意:一般id名不可重复class选择器.name选择所有class="name"的元素,注意:cl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-26 15:20:48
                            
                                139阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、CSS 引入方式1、CSS 的 3 种引入方式 ( 内联 | 内嵌 | 外链 )二、CSS 选择器1、CSS 基础选择器2、CSS 复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-20 21:05:19
                            
                                100阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            标签选择器 E{ CSS规则 以文档元素作为选择父 } node2:/var/...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-03-12 13:50:00
                            
                                3706阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-17 00:29:05
                            
                                1157阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            类选择器 E.className{ CSS规则 以文档元素的class作为选择符 }node2:/va...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-03-12 14:05:00
                            
                                2695阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            ID 选择器 #ID{ 以文档元素的唯一标识符ID作为选择符 CSS规...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-03-12 13:55:00
                            
                                2415阅读
                            
                                                                                    
                                2评论