CSS|超链接伪类CSS:/*表示超链接访问前的样式*/a:link{    color: #000000;}/*鼠标悬停时的样式*/a:hover{    color: blue;    font-size: 20px ;}/*鼠标点击不放            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-11 16:36:42
                            
                                429阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                 http://www.w3.org/TR/css3-selectors/     css3伪类:not      语法: //an E element that does            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-26 06:15:27
                            
                                27阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图书</title> <style> a{ text-decoration: none; color: #000000; } /*只需要记住hover*/ /*鼠标 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-15 16:58:00
                            
                                157阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            阴影 text-shadow: 阴影颜色,水平偏移。垂直偏移,阴影半径 #num{ text-shadow:black 5px 0px 15px; } 超链接伪类 /* 默认的颜色 */ a{ text-decoration:none; } /* 鼠标悬浮的状态 */ a:hover{ color: ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-16 17:11:00
                            
                                169阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            超链接伪类: 伪类样式:语法:标签名:伪类名{声明;}示例:a:hover {color:#B46210;text-decoration:underline;}设置伪类的顺序:a:link->a:visited->a:hover->a:active示例:<a href="#">帅哥</a>a:link{     未点...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-09 12:00:05
                            
                                182阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            伪类伪类技巧教学前,要区分两个重要概念。伪类和伪元素,两者常常被人弄混。因为两者确实长得太像了,尤其在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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!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 target伪类       ------- 用来匹配URI某一个标志符的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-24 15:43:21
                            
                                67阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            代码:<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title>超链接伪类</title>        <link rel="stylesheet" href="../css/014.css">    </head            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-15 10:56:45
                            
                                46阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            伪类                       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评论
                            
                                                 
                 
                
                             
         
            
            
            
            (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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            超链接可以让我们从一个页面跳转到其他也米昂,或者是当前页面的其他位置 使用a标签来定义超链接,属性:href 制定跳转的目标路径,值可以是一个外部网站的地址、也可以是一个内部页面的地址, 超链接也是一个行内元素,在a标签中可以嵌套除它自身外的任何元素 a标签中有一个target属性,用来制定超链接打 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-16 14:39:00
                            
                                1250阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            目标:
css中after伪类,last-child伪类的使用。以及部分css3的属性。
过程:
在制作导航时。常常会遇到在每个li后面加入一个切割符号,到最后一个元素的时候,切割符就会去掉的一种效果。
如图
那么制作这种一个效果。怎么用纯css非常easy的完毕了。这里用到了css的伪类。
html部分
<body>
	<ul class="nav">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-01-23 19:03:00
                            
                                100阅读
                            
                                                                                    
                                2评论