css – :nth-​​letter – 为什么它不起作用?

当我为我的面包店建立一个网站时,我想制作一个花哨的标题来触发每个字母的颜色.所以我可以利用跨度,但这是令人筋疲力尽的.我想使用:第一个字母或分别:first-char但没有任何作用.你们中有谁知道怎么做吗?

谢谢和Saludos!

h4{

    font-size:100px;
    margin-bottom:20px;
    margin-top:0;
    padding:0px;
    font-family: 'Tangerine',cursive;
    font-weight:normal;
}


    h4:nth-letter(2) {
        color:#06C !important;
    }
    h4:nth-letter(3) {
        color:#C9C !important;
    }

解决方法

CSS中没有:第n个字母的伪元素(和no:first-char). :首字母伪元素(问题在标题和散文中提到但在代码中没有使用)有效,但要为其他字母着色,你必须将它们中的每一个都包装在一个元素中,通常跨度.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效