如题,比如点击的伪类有么?或者其他的?
a:link{background:#ff0000}
a:visited{background:#00ff00}
a:hover{background:#ff00fff}
a:active{background:#ffff00}
p:first-line{color:#990000}
p:first-letter{color:#000099}
p:before{content:"(测试)"}
p:after{content:"(测试)"}
:root{background:#000}
body *not(h1){background:#666}
:empty{background:#000}
li:firtst-child{background:#fff000}
li:last-child{background:#000fff}
li:nth-child(2){background:#ddd}
li:nth-child(4n+3){background:#777}
li:nth-last-child(2){background:#ddd}
li:nth-child(odd){background:#eee}
li:nth-child(even){background:#eee}
li:nth-last-child(odd){background:#eee}
li:nth-last-child(even){background:#eee}
li:only-child{background:yellow}
input[type="text"]:focus{background:skyblue}
input[type="text"]:hover{background:blue}
input[type="text"]:active{background:#009900}
http://www.w3school.com.cn/css/css_pseudo_classes.asp
请参考,不知道有没有帮到
p
div
a等等,都可以当伪类使用
a:hover{color:red;}
:nth-child、前缀和后缀
a:link {color:gray;}/*链接没有被访问时前景色为灰色*/
a:visited{color:yellow;}/*链接被访问过后前景色为黄色*/
a:hover{color:green;}/*鼠标悬浮在链接上时前景色为绿色*/
a:active{color:blue;}/*鼠标点中激活链接那一下前景色为蓝色*/