将外部css文件应用到作用域div标记上？

Question

我有一个主要的css文件为整个网站称为StyleSheetMain.css。我下载了一个有他自己的style.css文件的滑块，在某些项目上有冲突。我只想将滑块的css文件限定到只包含滑块项的div。我不想在滑块div之外应用这个css。知道吗?谢谢

Answer 1

在CSS中没有像范围这样的东西。您不能在其他CSS中嵌套特定的CSS块。下面的代码是错误的，只是你不能做的一个例子。

.some-class {
    /* THIS */
    .some-minor-class {
        /* IS */
    }
    /* WRONG */
}

您也不能指定某些.css文件仅在html的一部分中工作。

您的解决方案很简单--重命名您的类。

我们生活的这个世界，有那么多的词语可以描述。

Answer 2

您可以使用CSS分组/嵌套。

例如，您有：

<div id="main">
    <div id="slider">
    </div>
</div>

<div id="newslider">
    <div id="slider">
    </div>
</div>

更改第二个滑块的样式：

#newslider #slider {
   background: #fff;
}