Html 将外部css文件应用于作用域div标记?

Html 将外部css文件应用于作用域div标记?,html,css,Html,Css,我有一个用于整个网站的主css文件,名为StyleSheetMain.css。我下载了一个具有自己的style.css文件的滑块,但在某些项目上存在冲突。我只想将滑块的css文件范围限定为一个仅包含滑块项目的div。我不想将此css应用于滑块div之外。 有什么想法吗?谢谢你可以使用CSS分组/嵌套 例如,您有: <div id="main"> <div id="slider"> </div> </div> <div id=

我有一个用于整个网站的主css文件,名为StyleSheetMain.css。我下载了一个具有自己的style.css文件的滑块,但在某些项目上存在冲突。我只想将滑块的css文件范围限定为一个仅包含滑块项目的div。我不想将此css应用于滑块div之外。
有什么想法吗?谢谢你可以使用CSS分组/嵌套

例如,您有:

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

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

您可以使用CSS分组/嵌套

例如,您有:

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

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

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

.some-class {
    /* THIS */
    .some-minor-class {
        /* IS */
    }
    /* WRONG */
}
您也不能将某些
.css
文件指向仅在html的一部分中工作

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

有很多词可以描述我们生活的这个世界


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

.some-class {
    /* THIS */
    .some-minor-class {
        /* IS */
    }
    /* WRONG */
}
您也不能将某些
.css
文件指向仅在html的一部分中工作

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

有很多词可以描述我们生活的这个世界


重命名你的类,这样它们就不会与slider one冲突,也不会利用Nikko如何使用CSS TargetingFor琐事来定位特定项目:。但是1)这是2)我很难找到很多关于验收的文档,3)如果您可以控制样式和/或标记,CSS中有很多功能可以只选择您想要的元素。即使有一天实现了此属性,它也很少是最好的选择。重命名您的类,使它们不会与滑块冲突,或者利用Nikko如何使用CSS TargetingFor琐事将特定项目作为目标:。但是1)这是2)我很难找到很多关于验收的文档,3)如果您可以控制样式和/或标记,CSS中有很多功能可以只选择您想要的元素。即使有一天实现了这个属性,它也很少是最好的选择。