css伪类

结构伪类选择器

        匹配父元素中的第一个子元素E         E:first-child{}

        匹配父元素中的最后一个子元素E         E:last-child{}

        匹配父元素中的第n个子元素E        E:nth-child(n) {}

        拓展 括号里面可以写一个带n的式子         n：0,1,2,3,4,5.....

        偶数         E:nth-child(2n) {}         E:nth-child(even) {}

        奇数         E:nth-child(2n+1) {}         E:nth-child(2n-1) {}         E:nth-child(odd) {}

        找到前5个         E:nth-child(-n+5) {}

        找到从第5个开始往后         E:nth-child(n+5) {}

        匹配父元素中倒数的第n个子元素E         E:nth-last-child(n){}

        匹配父元素中同类型子元素中的第n个         E:nth-of-type（n）{}

伪类选择器

        链接伪类选择器

                选中的是标签的某种状态 E:linka a标签未访问过的状态

                                                        E:visited a标签访问过之后的转态

                                                        E:hover 鼠标悬停a标签的状态

                                                        E:active 鼠标按下的状态

            注意点 1、书写顺序 lvha

                        2、hover用的最多，并且可以用在其他标签上

        焦点伪类选择器E:focus

伪元素

        假的元素：一般页面中的非主体内容中可以使用伪元素

        区别

                元素 html设置的标签

                伪元素 由css模拟出来的标签效果

        种类

                ::before 在父元素内容的最前面添加一个伪元素

                ::after 在父元素内容的最后添加一个伪元素

        注意点        1、有一个必加的属性 content：‘伪元素中的内容’；

                           2、默认是行内元素