W3School-CSS 伪类 (Pseudo-classes) 实例_html/css_WEB-ITnose

CSS 伪类 (Pseudo-classes) 实例

CSS 实例

01超链接

                                
 
 
            
百度首页
        
注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！
        
注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！
            

02超链接2

                                
 
 
            
改变颜色
        
改变字体大小
        
改变背景颜色
         
As a man thinketh in his heart so is he！改变字体
        
改变文本装饰
    

03超链接：:focus 的使用

                                
 
 
            
            
First name:                            
            
Last name:                            
            
                            
        
    

04 :first-child（首个子对象)

                                
 
 
            
            
These are the necessary steps:
            
                
Intert Key
                
Turn key clockwise
                
Push accelerator
            
            
Do not push the brake at the same time as the accelerator.
        
    

05 :lang（语言)

                                
 
 
            
:lang 伪类允许您为不同的语言定义特殊的规则。在下面的例子中，在下面的例子中，:lang 类为带有值为 "no" 的 lang 属性的 q 元素定义引号的类型：
        
一些文本 段落中的引用 一些文本。
    

CSS 伪类 (Pseudo-classes) 总结