冲突CSS

我正在尝试在sharepoint网站中使用。不幸的是，CSS样式正在应用于模板的HTML，这在很大程度上扰乱了设计

我知道我想要受引导影响的所有东西都在

#s4工作区中

-有人知道我可以使用什么CSS技巧来仅将引导应用于该元素的子元素吗

我不会不寒而栗地重新编译更少的代码，就像这样：

#s4-workspace {
  @import "reset.less"
  // etc
}

但是，如果可以的话，我当然想找到一个更好的解决方案。这种特殊的方法似乎也不起作用

我无法更改Sharepoint主站点的CSS

欢迎任何意见

---

谢谢，

实现这一点的唯一真正方法是使用iFrame或jQuery，如果您只想应用引导的特定元素，可以编辑CSS规则，使其应用于不同的ID/类

例如，其中显示的是

body{
保证金：0；
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
线高：20px；
颜色：#333333；
背景色：#ffffff；
}

在bootstrap.css文件中，只需将其更改为读取

.bootbody（或#bootbody）{
保证金：0；
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
线高：20px；
颜色：#333333；
背景色：#ffffff；
}

---

约瑟夫·西尔伯（Joseph Silber）说的更好。

重置。减少看起来像什么？它是大量代码还是相对较小？（请说相对较小的：s）我将开始尝试在SharePoint中使用Bootstrap，但是我们必须谨慎使用它，并选择某些组件，我们应该在较少的部分前面加上前缀，这样基本样式就不会应用于主体，P，另一件需要记住的事情是，Bootstrap是为正确的语义标记而设计的，因为SharePoint标记是最不一致的生成HTML之一，一些Web部件将生成同名ID等。我将尝试发布我的发现，希望它能帮助其他人。