                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

想问类似这样的伪类选择器还有那些？

如题，比如点击的伪类有么？或者其他的？

幸福的猫小阳

2016-08-24

源自：初识HTML(5)+CSS(3)-升级版 8-9

关注问题我要回答

1117

操作

收起

7 回答

nicai123456789 回答被采纳 +3 积分
2016-08-24

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}

2 回复有任何疑惑可以回复我~

收起回答

幸福的猫小阳提问者

感谢耐心的写代码，注明都是什么就完美了

2016-08-26 回复有任何疑惑可以回复我~

美丽美丽
2016-08-24

http://www.w3school.com.cn/css/css_pseudo_classes.asp 有介绍

0 回复有任何疑惑可以回复我~

收起回答

核桃小酥
2016-08-24

http://www.w3school.com.cn/css/css_pseudo_classes.asp

请参考，不知道有没有帮到

0 回复有任何疑惑可以回复我~

收起回答

欧亚1998
2016-08-24

div

a等等，都可以当伪类使用

0 回复有任何疑惑可以回复我~

收起回答

慕粉3851095
2016-08-24

a:hover{color:red;}

0 回复有任何疑惑可以回复我~

收起回答

sun7758258
2016-08-24

:nth-child、前缀和后缀

0 回复有任何疑惑可以回复我~

收起回答

慕哥2423489
2016-08-24

a:link {color:gray;}/*链接没有被访问时前景色为灰色*/
a:visited{color:yellow;}/*链接被访问过后前景色为黄色*/
a:hover{color:green;}/*鼠标悬浮在链接上时前景色为绿色*/
a:active{color:blue;}/*鼠标点中激活链接那一下前景色为蓝色*/