嵌套和多个<marquee>麻烦

嵌套和多个<marquee>是HTML中的标签，用于实现滚动文本的效果。<marquee>标签已经不推荐使用，因为它已经被废弃了。现在更推荐使用CSS动画来实现滚动文本的效果。

如果您需要实现嵌套的滚动文本效果，可以使用CSS动画结合JavaScript来实现。例如，可以使用以下CSS样式：

.marquee {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

然后，在HTML中使用<div>标签来包含滚动文本：

<div class="marquee">这是一条滚动文本</div>

如果您需要实现多个嵌套的滚动文本，可以使用多个<div>标签，并为每个标签指定不同的CSS样式，例如：

<div class="marquee1">这是第一条滚动文本</div>
<div class="marquee2">这是第二条滚动文本</div>

.marquee1 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  animation: marquee1 10s linear infinite;
}

@keyframes marquee1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.marquee2 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  animation: marquee2 10s linear infinite;
}

@keyframes marquee2 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

这样就可以实现多个嵌套的滚动文本效果。