一页上两个不同的 Nivo 滑块上的标题的不同样式

Question

我正在尝试将两个 Nivo 滑块放在一页上。有些属性是不同的。所以我简单地为这些属性创建了两个脚本，“slider”和“slider2”。没问题。

但是，我想让第二个滑块的标题样式有点不同。我注意到幻灯片标题的文本样式是由这种样式控制的：

.nivo-caption p {
 padding:8px;
 margin:0;
 color: #000;
 font-size: 16px;
 }

但是，我没有在我的 html 中看到该 css 样式。 （当我查看网页源代码时，我会看到它，但当我实际查看代码文件本身时却没有。）

我很想为我的第二个滑块创建一个新样式，例如：

.nivo-caption2 p {
 margin:0;
 color: #000;
 font-size: 12px;
 }

但我需要知道如何在我的 html 中实际调用它。任何人都可以帮忙吗？谢谢。

Answer 1

实际上，我想通了。由于每个幻灯片放映都有“slide”和“slide2”的 ID，因此我只是将其附加到我的新样式中并且有效。