php scrape/output 数据 javascript 和 css 的消失文本

Question

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

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

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

来指示 html

<p class="appear-later">

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

 <p class="appear-later">

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

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

出现此类问题

这是代码

<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/ 我希望这能解决你的问题。

php scrape/output 数据 javascript 和 css 的消失文本

Vanishing text for php scrape/output data with javascript and css

html

javascript

css

hide