【HTML/CSS】伪类选择器


这个也有意思
之前几天学的,现在写写刚好复习(

伪类选择器

伪类是什么?
伪类用于定义元素的特殊状态,比如鼠标悬浮在按钮上,按钮颜色会变就是一个例子。

链接伪类选择器

修改链接状态的选择器

点击查看-连接选择器-代码


    
        
            伪类选择器
        
        
      
    
        BAIDU
    

注意:a:hover 必须在 CSS 定义中的 a:linka:visited 之后,才能生效!a:active 必须在 CSS 定义中的 a:hover 之后才能生效!

伪类名称对大小写不敏感。

目标伪类选择器

点击目录里一个链接就跳到相应内容的效果就靠它

点击查看-目标伪类选择器-代码


    
        
            目标伪类选择器
        
        
    
    
        

menu

lubenwei nb
            awerawe
            qwer
            qw
            er
            qwerqw
            er
            qwerr
            qwerqw
            er
            qwe

            f
            gs
            dfg
            sdf
            Gsg

            dghj
            awerawefe
            rf
            er
            fsre
            fw
            g
            wer
            Gewrg
            werg
            er
            Gewrggw
            erg
            werrg

            werrgh
            yt
            tuy
            j
            yu
            j
            yu
            j
            tuyjty
            uj
            tuyju


            dtyhrty
            
rty jh rty jrt yj rtyj rtyjrt yjtyrj yjtrty jhrty jhrty jhrtyj rtyj
rtyjjr tuyjty rtyjrty jhrtyrtyj rt yjtrtyrty jhrtyrtyj rtyjtry jhrtyrtyjj tiyu yuik uyi l yluo
  • yuiklyu yu
  • story

                LBWNB
                LBWNB
                LBWNB
                LBWNBLBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
                LBWNB
            

    nb

    nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
    
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
            nbnbnbnbnb
        

    建议保存代码然后用浏览器打开查看效果

    结构伪类选择器

    选择选取属于其父元素的某个子元素的选择器

    点击查看代码
    
    
        
            
                结构伪类选择器
            
            
        
        
            
    • 123
    • 123
    • 123
    • 123
    • 123
    • 123
    • 123
    • 123
    • 123
    • 123

    目前学到这里,有学新的了再更