<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-widt            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:29:51
                            
                                78阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            伪类                       css2.1, 合法伪类只有 a 标签有, link  visited  hover  active                       
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-10-13 12:35:07
                            
                                780阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
                 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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css的伪元素,之所以被称为伪元素,是因为他们不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。如下图,是伪元素在html代码机构中的展现,可以看出无法伪元素的结构无法审查。css有一系列的伪元素,如:before,:after,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-25 17:06:47
                            
                                66阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            * 当用户将鼠标悬停在元素上时为其设置样式*  访问和未访问的链接不同样式*  在获得焦点时设置元素的样式            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2019-07-26 09:01:36
                            
                                657阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-01 10:12:00
                            
                                217阅读
                            
                                                                                    
                                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新增伪类举例: 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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言CSS的伪类和伪元素在平时的代码中经常会出现,可是一旦别人问你,什么是伪类,什么是伪元素,可能还是不能完整的表述出来,下面我们来一探究竟。伪类和伪元素定义伪类用于在页面中的元素处于某个状态时,为其添加指定的样式。伪元素会创建一个抽象的伪元素,这个元素不是DOM中的真实元素,但是会存在于最终的渲染树中,我们可以为其添加样式。[重点]最常规的区分伪类和伪元素的方法是:实现伪类的效果可以通过添加类来            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-07 15:33:48
                            
                                348阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. 什么是伪类和伪元素?2. 伪类和伪元素的使用场景?3. CSS3中的伪类和伪元素属性描述            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-12 17:41:58
                            
                                1616阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS3 target伪类       ------- 用来匹配URI某一个标志符的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-24 15:43:21
                            
                                67阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是伪类? 伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的类,让你的代码更灵活、更易于维护。 伪类就是开头为冒号的关键字: :pseu            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-28 14:08:27
                            
                                850阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS伪类与伪元素 CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。 伪类 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-28 00:54:24
                            
                                290阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            UI元素状态相关的介绍3个 1、:checked     --------- 用于单选或者多选按钮选中状态的样式规则设置 input[type=checkbox]:checked{width:20px;}  2、:disabled     --------- 置灰状态下的样式规则设置 input:disabled{border-c...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 00:37:33
                            
                                111阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-26 22:51:43
                            
                                107阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS3疑难问题 6、伪类和伪元素的区别 一、总结 一句话总结: 伪类不产生新的对象,只是在 DOM 中一个元素的不同状态 伪元素产生新对象,在 DOM 树中看不到 二、伪类和伪元素的区别 博客对应课程的视频位置:6、伪类和伪元素的区别https://www.fanrenyi.com/video/1            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-15 19:23:00
                            
                                91阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、::before / ::after 简介 ::before 和 ::after 是 CSS 中的伪类,它们基本功能是在 CSS 渲染中向元素的内容前面和后面插入内容。虽然在实际 HTML 中我们没有增加任何标签,并且会在浏览器中展现出来。 ::before和::after必须配合content ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-14 19:45:00
                            
                                599阅读
                            
                                                                                    
                                2评论