Dotnetnuke 是否可以仅在dnn模块中重置css

我制作了一个定制的dnn模块。但是我模块中的元素从dnn获得所有样式。

---

是否有可能只在模块中重置css以删除所有dnn样式并仅应用我的样式？

这是加载时DotNetNuke的css优先级

DefaultCss: 5
ModuleCss: 10
SkinCss: 15
SpecificSkinCss: 20
ContainerCss: 25
SpecificContainerCss: 30
PortalCss: 35

以上资料摘自

数字是css加载的顺序（5然后10等，默认为100，这意味着它应该最后加载

您可以轻松地将自己的css文件添加到模块中，或者如果合适，您可以将它们添加到模块中的module.css文件中

<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>    
<dnn:DnnJsInclude runat="server" ID="jsBootstrap" FilePath="~/DesktopModules/MyModuleFolder/js/bootstrap.min.js" />
<dnn:DnnCssInclude runat="server" ID="cssBootstrap" FilePath="~/DesktopModules/MyModuleFolder/css/bootstrap.min.css" />

如果您是DotNetNuke模块开发的新手，我建议您查看Chris Hammond（）提供的此模块开发模板

阅读他的博客，了解如何使用和安装模板

---

（）

关于这一点，我能给你的最好建议是“css专用性”。使用第一个答案提供的DNN Wiki链接，你可以了解DNN加载每个.css文件的方式/时间，但要覆盖模块，你需要了解“css专用性”

遵循DNN使用的加载顺序是一个好主意，因为这样做有很多好处，比如当你想从皮肤上超越模块中的样式时

您可以加载自定义模块CSS文件，这可能会有很大帮助，但您也应该考虑以更具体的方式实现您的样式，以防止其他DNN样式流血。

例如，您可以将模块html包装在div标记中，并为其提供一个myfoo模块类

<div class="my-foo-module">
Module content here
</div>

此处为模块内容

在html结构中使用类似名称空间的css类将导致模块样式优先于加载的任何其他更通用的样式。我不建议使用重置css文件，除非您确定其范围，使其仅影响my foo模块包装器中的元素

这里有一些很好的信息可以帮助你

最后我要说的是，如果你试图为你的模块加载一个第三方css库，比如twitter引导，而你的皮肤正在使用另一个库或者根本没有，那么至少可以说这是非常具有挑战性的。你不想为了获得更多的“css特异性”而编辑整个引导库对于您的模块，因此在这种情况下，我无法提供解决方案，因为我正在寻找一个自己