伪类选择器和伪对象选择器

伪类选择器:

    :link(当鼠标没有点击的时候)(未访问的链接状态)

    :visited(当鼠标点击过之后)(已经访问过的状态)

    :hover(当鼠标滑过的时候)

    :visited(当鼠标点下之后,还没抬起来的时候)

    伪对象选择器:

        ::after{content:''}(表示在被选中的元素之后添加...)

        ::before{content:''}(表示在被选中的元素之前添加...)

        ::first-line  (表示对第一行元素进行操作)

        ::first-letter  (表示对第一个字符进行操作,可以是被::after添加的字符)

    

    伪类和伪对象的区别是什么?

        1.写法上的区别

            伪类和伪对象在css2中都是一个冒号,在css3中为了区别伪对象有两个冒号

        

        2.作用上的区别

            伪类 hover 只能改变元素的状态(大小,颜色等,直接修改dom)

            伪对象 可以添加新的结构(虚拟的结构,虚拟的dom)

    总结:常见的隐藏方式

        display:nono 删除结构

        visibility:hidden 删除显示内容 结构还是存在在于浏览器中的

        overflow:hidden(超出的部分直接隐藏)

        rgba(,,,0)(修改透明度)

        opacity(直接修改透明度)