如何更改文本颜色在不同的片段

Question

说我有一个简单的reveal.js幻灯片这样的：

<section> 
    <h1>Title</h1> 
    <p >Text</p> 
    <p class="fragment">Fragment</p> 
</section> 

我想Fragment出现在屏幕上后改变Text颜色为红色。我应该怎么做？

Answer 1

这不是很简单：

<section> 
    <h1>Title</h1> 
    <p id="postfragment">Text</p> 
    <p class="fragment">Fragment</p> 
</section> 
... 
<script> 
Reveal.addEventListener('fragmentshown', function(event) { 
    document.getElementById("postfragment").style.color="red"; 
}); 
</script> 

Answer 2

你可以简单地做

<section> 
    <h1>Title</h1> 
    <p class="fragment highlight-red" data-fragment-index="1" >Text</p> 
    <p class="fragment data-fragment-index="1"">Fragment</p> 
</section> 

这样一来，红色文本和“片段”文本将始终保持同步。