css - ".alert span"到底是什么？

Question

我正在使用 This tutorial作为引用，我正在尝试在我的元素中使用以下代码:

  let _setPlaceholderText = ( string = "Click or Drag a File Here to Upload" ) => {
      template.find( ".alert span" ).innerText = string;
    };

当我下载教程代码并对其进行测试时，它可以正常工作，但是当我将完全相同的代码复制粘贴到我的元素时，它却无法正常工作。

如果我没记错的话，问题与这行代码有关:

template.find( ".alert span" ).innerText = string;

任何人都可以为我解释什么是“.alert span”吗？该教程说上面的行仅尝试查找 .alert span 元素。不幸的是，这还不足以让我了解如何让它在我的元素中发挥作用。

请帮忙

Answer 1

看起来您正在查看一段 CSS 的内部文本，该 CSS 旨在修改包含在具有类名警报的任何内容中的 span 元素的样式。

它可能看起来像这样:

<style type="text/css">
    .alert span {
        color: #ff0000;
    }
</style>

修改如下:

<div class="alert">
    <span>There was an error!</span>
</div>