Question

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

我用一个改变文字颜色的功能来做这件事。对于前者，我有一个黑色背景，我告诉文本是黑色的，但一旦动画完成，我告诉它变成白色或绿色。因此在动画进行时隐藏，在之后可见。

我遇到了一个问题但是我发现这个例子的方式，它使用

指示html

<p class="appear-later">

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

 <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>，然后将您的子元素放在那里。这是一个用作例子的小提琴。 https://jsfiddle.net/Arparas/wunjgqo0/ 我希望这能解决你的问题。

使用javascript和css消除php scrape /输出数据的文本

1 个答案: