主页 / 问题 / 590217
Accepted
pynista
Asked:2020-11-13 01:43:26 +0000 UTC2020-11-13 01:43:26 +0000 UTC

如何使一个单词中的每个字母通过一个（偶数）多一点？

  • 772

.mor {
  font-size: 2em;
}
<p>
  Л
  <span class="mor">а</span>
  в
  <span class="mor">а</span>
  н
  <span class="mor">д</span>
  а
</p>

我知道这可以通过伪类来完成。如何？

html

1 个回答

  1. Best Answer

    Adobe 似乎计划推广 selector :nth-letter()，但没有消息，所以（还？）浏览器不知道如何做到这一点。您可以使用nthEverything库- 它会添加对必要选择器的支持，自动将文本解析为字母（使用示例），但是，当然，在服务器端准备文本会更有效率。

    #letters:nth-letter(even){
  font-size: 120%;
}
    <p id="letters">Чётные буквы больше на 20%</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/FWeinb/nthEverything/master/jquery.nthEverything.min.js"></script>

    • 2

相关问题