gpt4 book ai didi

html - 如何让标题 h1 中的每个奇数字母都变成橙色

转载 作者:行者123 更新时间:2023-11-28 05:14:06 25 4
gpt4 key购买 nike

我对如何解决这个问题感到有点困惑。我试过: h1:nth-child(odd) { 颜色:橙色; }
但这没有用。

这是我的 html:

<body>
<div class="header">
<header>
<h1> Simple & Responsive Flexbox Website! </h1>
</header>
</div>
</body>

最佳答案

var myColors = ["red", "green"];
$('.text-content').find('h1').each(function(){
var $el = $(this),
text = $el.text(),
len = text.length,
coLen = myColors.length,
newCont = '';
for(var i=0; i<len; i++){
newCont += '<span style="color:'+ myColors[i%coLen] +'">'+ text.charAt(i) +'</span>';
}
$el.html(newCont);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="text-content">
<h1>Simple & Responsive Flexbox Website!</h1>
</span>

关于html - 如何让标题 h1 中的每个奇数字母都变成橙色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49791807/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com