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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            (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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1 伪类选择器(用于选择子元素用的)table tr:nth-of-type(odd)  奇数行table tr:nth-of-type(even) 偶数行table tr:nth-child(odd) 奇数行table tr:nth-child(even) 偶数行效果如下::nth-child(参数) 更加灵活n+i:表示从第i行开始往后全部选中i:表示只选中当前的第i行2n/3n:表            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-06-26 08:13:52
                            
                                589阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                 http://www.w3.org/TR/css3-selectors/     css3伪类:not      语法: //an E element that does            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 06:15:27
                            
                                27阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            
 
 
 
    
    
    
            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-28 15:22:04
                            
                                138阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            妙味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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            伪类伪类技巧教学前,要区分两个重要概念。伪类和伪元素,两者常常被人弄混。因为两者确实长得太像了,尤其在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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            伪类                       css2.1, 合法伪类只有 a 标签有, link  visited  hover  active                       
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-10-13 12:35:07
                            
                                780阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            在PC版开发中由于IE原因,我们很少用到css3,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机版和平板版开发中我们就可以大胆的使用了,下面我们探讨常用几个css3属性:1.css3前缀使用介绍,我们直接看个例子:-webkit-transform:rotate(-3deg);//给...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-08-14 09:37:00
                            
                                55阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在PC版开发中由于IE原因,我们很少用到css3,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机版和平板版开发中我们就可以大胆的使用了,下面我们探讨常用几个css3属性:1.css3前缀使用介绍,我们直接看个例子:Java代码-webkit-transform:rotate(-3de...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-08-13 14:55:00
                            
                                46阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS3 target伪类       ------- 用来匹配URI某一个标志符的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-24 15:43:21
                            
                                67阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目标:
css中after伪类,last-child伪类的使用。以及部分css3的属性。
过程:
在制作导航时。常常会遇到在每个li后面加入一个切割符号,到最后一个元素的时候,切割符就会去掉的一种效果。
如图
那么制作这种一个效果。怎么用纯css非常easy的完毕了。这里用到了css的伪类。
html部分
<body>
	<ul class="nav">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-01-23 19:03:00
                            
                                100阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            收藏个看到的技巧,在CSS3中,可以比如做到,原来CHECKBOX的是方的,变为圆形的;方法是使用伪类:[code="java"]//html//css.check {  background-color: #8BC34A;  width: 40px;  -webkit-appearance: none;  appearance: none;}.c...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-02 11:33:04
                            
                                138阅读
                            
                                                                             
                 
                
                             
         
            
            
            
               动态css3伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态css3伪类包含两种,第一种是我们在链接中常看到的锚点伪类,如":link",":visited";另外一种被称作用户行为伪类,如“:hover”,":active"和":focus"。先来看最常见的锚点伪类 .demo a:link {color:gray;}/*链接没有            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2013-12-26 11:43:07
                            
                                695阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-01 10:12:00
                            
                                217阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            结构性伪类 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评论