Css 如何在这行代码运行之前添加延迟？

因此，我在项目的CSS部分有这行代码，它使项目不可见，但我想延迟它。例如，这些行直到5秒后才会运行，因为我不希望项目从一开始就不可见。如果可能的话，也许有人可以为我重写这段附加的代码，并增加延迟

#消息{
可见性：隐藏；
}

从您描述问题的方式来看，您的解决方案不在于CSS，而在于Javascript

您可以执行以下两种操作之一：

编写一个Javascript函数，在指定的 情况发生了

编写一个Javascript函数，在之后应用指定的CSS样式 一个指定的条件，以便CSS将隐藏该元素 这一点是正确的

JQuery

有些人更喜欢使用JQuery（仅当您确实需要库时才这样做）

---

如果要逐步隐藏元素，应使用

opacity

和

transition

：

正文{
保证金：0；
字体系列：monospace；
}
#信息{
宽度：100vw；
高度：100vh；
背景：蓝色；
颜色：白色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
过渡：不透明度线性5s；
}
#信息：悬停{
不透明度：0；
}

---

让我停下来嘿，欢迎来到SO！您可以通过提供代码示例来帮助他人，这些示例清楚地说明您已经尝试过的内容以及您遇到的困难。这大大增加了用户能够解决您的特定问题的机会。可能重复@Jacob您的问题解决了吗？或者您仍然有问题吗？
.... snip html ...   

<div class=".target">
  Some content
</div>

.... snip html ...

<script>
    $( ".target" ).hide(200);
</script>

.... snip html ...   

<div class=".target">
  Some content
</div>

.... snip html ...

<script>
    // Hide element function
    var hide = function (elem) {
        elem.style.display = 'none';
    };

    // Get the content
    var content = document.querySelector(".target");
    if (!content) return;

    // Hide the content
    hide(content);
</script>