我可以将整个样式表应用于一个 div 吗？

Question

我想在我正在构建的网站中使用动态引导日历。我的网站有一个样式表，但日历有自己的样式，无论我做什么，一张表中的某些内容都会破坏其他元素（我的标题被日历样式表破坏，日历变得不稳定和不对称，因为我的样式表。）

我尝试将一个类放入一个类中（如下），并将该类赋予一个 div 并将日历代码放入其中，但它不起作用。

CSS: .calendar_content{the entire stylesheet content}
HTML: <div class="calendar_content"> Calendar code </div>

我也尝试过使用 id （如下），但它也不起作用。

CSS: #calendar_content{the entire stylesheet content}
HTML: <div id="calendar_content"> Calendar code </div>

附加信息：涉及js文件，但我不认为它会影响网站的视图。感谢所有的意见。谢谢！

Answer 1

如果您使用的是react/nextjs，您只需将日历组件中的css文件作为模块导入

import cssFileName.module.css

如果您使用本机 html/css ，则需要使用 sass/scss/less 才能使用类似类嵌套 ex 的语法：

.class1{
   .class2{
      color: white;
    }
}