javascript - 使用 javascript 和 css 消失 php 抓取/输出数据的文本

Question

所以，我成功地做了一些事情，我在加载页面开始时有一个动画，而动画后面的一切都是黑色的。动画加载完成后，所有白色文本都会出现。

我正在使用更改文本颜色的函数来执行此操作。例如，我有一个黑色背景，我告诉文本是黑色的，但是一旦动画完成，我告诉它变成白色或绿色。因此在动画进行时隐藏，之后可见。

我发现这个例子的方式有问题，它通过使用

<p class="appear-later">

但是，这给我带来了问题。我需要找到另一种方法来定义文本以这种方式更改，而不使用 p 类。正如您在下面看到的，我有各种 php 输出数据，但是每次调用新的 PHP 时，它似乎取消了 P 函数。现在，我可以继续重复

 <p class="appear-later">

对于每一行文本，但这会导致进一步的问题，将代码分解成不同的垂直行。不好。

所以我想知道是否有另一种方法基本上告诉 html 这个标签下面的所有内容，直到标签结束，应用文本效果。我知道有，我只是不擅长编程。感谢您的想法!除了 p 类之外的东西。一种重新编写该 html 代码而不必使其成为不会导致 php 输出出现此类问题的 p 类的方法

这是代码

<div id="ethereum">
<div class="mainheader">
<p class="appear-later">Price of Ethereum
</div>
<?php outputValueFromCache("ethereumvalue", "ignore");?>
&nbsp;
[
<?php outputValueFromCache("ethereumchange");?>
]
</p>
</div>



.appear-later { color: black; }

setTimeout(function () {
$('.appear-later').removeClass('appear-later');
}, 1000);

Answer 1

如果您尝试将 css 应用于 <p class="appear-later"> 的所有子元素然后使用 *，就这样

.appear-later * {
    color: black; 
}

尽管我建议制作 <p>进入<div>然后让你的子元素在那里。这是一个用作示例的 fiddle 。 https://jsfiddle.net/Arparas/wunjgqo0/ 我希望这能解决你的问题。