伪类选择器

动态伪类选择器
a:link{样式} 表示链接未访问时的样式

a:visited{样式} 表示链接已访问时的样式

a:hover{样式} 表示鼠标悬停时的样式

a:active{样式} 表示链接点击时的样式

a:focus{样式} 表示链接被Tab选中时的样式

结构伪类选择器

元素:first-child{样式} :第一列样式

元素:first-child{样式} :第一列样式

元素:last-child{样式} :最后一列样式

元素:nth-child(n){样式} :第n列样式

元素:nth-last-child(n){样式} :倒数第n列样式

元素:nth-child(2n-1){样式} :奇数列样式

元素:nth-child(2n){样式} :偶数列样式

元素:nth-child(odd){样式} :奇数列样式

元素:nth-child(even){样式} :偶数列样式

div>em:only-child{样式} ：div下有且仅有一个em 时的样式

否定伪类选择器

元素:not(:nth-child(n)){样式} :除了第n列外的所有其他项的样式

伪元素选择器

元素::selection{color;background-color]:此选择器只能有这两种样式 为改变文本被选中时的背景色及字体色

元素::first-letter{} 首字母样式

元素::first-line{}首行样式

元素::before{}在元素前添加内容

元素::after{}在元素后添加内容

转载于:https://www.cnblogs.com/lgzhong/p/8053040.html