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

前端之家收集整理的这篇文章主要介绍了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). :首字母伪元素(问题在标题和散文中提到但在代码中没有使用)有效,但要为其他字母着色,你必须将它们中的每一个都包装在一个元素中,通常跨度.

猜你在找的CSS相关文章