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). ：首字母伪元素(问题在标题和散文中提到但在代码中没有使用)有效,但要为其他字母着色,你必须将它们中的每一个都包装在一个元素中,通常跨度.

原文地址：https://www.jb51.cc/css/214850.html