(1)elem:nth-child(n)选中父元素下的第n个子元素,并且这个子元素的标签名为elem,n可以接受具体的数 值,也可以接受函数。(2)elem:nth-last-child(n)作用同上,不过是从后开始查找。(3)elem:last-child选中最后一个子元素。(4)elem:only-child如果elem是父元素下唯一的子元素,则选中之。(5)elem:nth-of-type            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-25 10:26:50
                            
                                109阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3新增伪类举例: p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :after :before:not()            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-27 20:50:42
                            
                                212阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3新增伪类举例: p:first-of-type p:last-of-type  p:only-of-type  p:only-child  p:nth-child(2) :after :before:not()            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-30 18:08:54
                            
                                150阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-widt            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:29:51
                            
                                78阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性。 一、css3新增边框属性 1、css3新增属性之border-color:为边框设置多种颜色 p{ borde            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-10-02 14:19:00
                            
                                126阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
                 http://www.w3.org/TR/css3-selectors/     css3伪类:not      语法: //an E element that does            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 06:15:27
                            
                                27阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css 用于控制网页的样式和布局。css3 是最新的 CSS 标准。CSS3新增了很多的属性,下面一起来分析一下新增的一些属性: 1.CSS3边框: border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-11-25 14:20:00
                            
                                109阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            伪类伪类技巧教学前,要区分两个重要概念。伪类和伪元素,两者常常被人弄混。因为两者确实长得太像了,尤其在css3之前,两者在使用形式上还一摸一样,没有规范可言。在css3之后两者形式上做了区分去,单个冒号是伪类,两个冒号是伪元素。伪类应用众所周知,Animate/transitionboxshadow可以使用boxshadow属性来实现盒子阴影效果,但repaint消耗较多,于是这里提出通过修改伪元            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-18 23:48:37
                            
                                251阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            介绍一下css3伪类之:empty    ------------------------ 匹配没有子元素和内容的元素。    注释:连空格也不能有!  #test:empty{width:100px;}    应用场景=!...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 00:37:46
                            
                                122阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3 target伪类       ------- 用来匹配URI某一个标志符的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-24 15:43:21
                            
                                67阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            妙味css3课程 1-2、css3中新增的伪类和伪元素有哪些 一、总结 一句话总结: 1、div:target{}是什么意思? 比如a标签的锚点链接到div,div:target{}就可以找到这个divE:target { sRules } 匹配相关URL指向的E元素。 2、如何用input框模拟单            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-03 21:58:00
                            
                                81阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            伪类                       css2.1, 合法伪类只有 a 标签有, link  visited  hover  active                       
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-10-13 12:35:07
                            
                                780阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            结构性伪类 demo <div class="parent"> <div class="line">aaa</div> <div class="line">bbb</div> <div class="line">ccc</div> <div class="line">ddd</div> </div> ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-17 18:24:00
                            
                                246阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            first-line 设置首行样式first-letter 设置首字母样式before 在某元素前插入内容并设置内容样式after 在某元素后插入内容并设置内容样式 实例:第一行 第二行        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-06-30 21:37:00
                            
                                170阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS3伪类:valid、invalid、requiredvalid            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-06-03 00:51:50
                            
                                197阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、是什么 css,即层叠样式表(Cascading Style Sheets)的简称,是一种标记语言,由浏览器解释执行用来使页面变得更为美观 css3是css的最新标准,是向后兼容的,CSS1/2的特性在CSS3 里都是可以使用的 CSS3 也增加了很多新特性,为开发者带来了更佳的开发体验 从几个 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-04-13 10:49:00
                            
                                334阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            伪类选择器 :为元素的不同状态或不确定存在的元素设置样式规则CSS3中新增了很多伪类选择器,使我们对元素的样式控制变得更加方便一、:target用于控制具有锚点目标元素的样式 此时id 为box 的盒子color为红色二、:root根元素选择伪类,即html,两者效果一样三 、:empty选择没有子元素的元素,也不能包括文本元素,空格换行等四、:first-child 和 last-childfi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-27 06:00:18
                            
                                72阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            border-radiusborder-radiusborder-radius是一大堆CSS3属性中最受欢迎的一种,border-radius是CSS3中级 别最高的一个属性。当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时,CSS圆角,一个很初级的知识,将引导他们开始学习。 我们为移动浏览器提供一个备用的观看体验的想法都非常好。奇怪的是,当这种方法出现在桌面浏览器上时,他们却又不这么认            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-21 15:49:47
                            
                                34阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录[隐藏] css3 变量:  css3 变量:变量的声明:必须以–开头,// 全局声明:声明一个全局变量--bgcolor; :root 可以设置为 body html 和 root 记住只有 root 才有冒号:root{    --bgcolor:#000;}使用:在要用的地方用 var(--设置的名称,这个是可选参数当前面无效时的参数)普通声明:声...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-05 13:41:15
                            
                                397阅读