将外部css文件应用于作用域div标签？

Question

我有一个名为StyleSheetMain.css的整个网站的主css文件。我下载了一个有自己的style.css文件的滑块，并且在某些项目上存在冲突。我想将滑块的css文件范围仅限于一个div，它只包含滑块items.I不想在外面应用这个css滑块div。 有什么想法吗？谢谢

Answer 1

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

例如，你有：

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

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

您可以更改第二个滑块的样式：

#newslider #slider {
   background: #fff;
}

Answer 2

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

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

您也无法将某些.css文件仅指向html的一部分。

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

  

有很多词来形容我们生活在这个世界