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

来源:8-9 伪装者 - 伪类选择器

幸福的猫小阳

2016-08-24 15:44

如题,比如点击的伪类有么?或者其他的?

写回答 关注

7回答

  • nicai123456789
    2016-08-24 16:06:33
    已采纳

    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}

    幸福的猫小阳

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

    2016-08-26 09:30:15

    共 1 条回复 >

  • 美丽美丽
    2016-08-24 16:47:02
  • 核桃小酥
    2016-08-24 16:07:06

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

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

  • 欧亚1998
    2016-08-24 16:04:14

    p

    div

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

  • 慕粉3851095
    2016-08-24 16:02:38

    a:hover{color:red;}

  • sun7758258
    2016-08-24 16:01:50

    :nth-child、前缀和后缀

  • 慕哥2423489
    2016-08-24 16:01:45

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225309 学习 · 18230 问题

查看课程

相似问题