1

我想将我的 css 样式表添加到 ngdocs 文档中的实时演示示例中。

我希望样式影响演示本身，但显然，它们不应该影响整个网页。

我尝试将我的样式表添加到 gruntfile ngdocs 选项中，如下所示：

ngdocs: {
    options : {
        scripts: [
            ...
        ],
        styles: [
            '<%=base%>/mycss/mylayout.css'
        ],
        dest: '<%=target%>docs'
    },
    api : {
        src: [
            ...
        ]
    }
}

这确实将 mylayout.css 作为链接标记添加到 index.html 的标记中，作为 head 部分中最后包含的链接标记，但其中的样式会覆盖整个页面上的样式。不好。

我该怎么做才能使我的样式在现场演示中起作用，但在页面的其余部分不起作用？

谢谢你的帮助！希望这将对 ng-docs 上非常有限的可用信息做出贡献！

编辑：我最终做的是创建一个名为 myNgdocsLayout.css 的新 css 文件，我在其中编写了几个覆盖 mylayout.css 的样式，同时仍然允许 mylayout.css 样式应用于现场演示。

现在我的页面看起来不错，但这绝对不是一个完美的解决方案。如果有人能提出一个想法，让我的样式仅适用于我的现场演示，而无需在页面的其余部分覆盖它们，我仍然会很感激......如果没有构建我会感到惊讶- 在 ngdocs 中这样做。

4

1 回答 1

1

你可以添加css类（在ngdocs评论中为你的例子'myexample'调用它，然后从css文件中使用它在你所有的样式之前？

 * @example
   <example module="rfx">
   <file name="index.html">
     <div class="myexample" >
       // my example code
     </div>
   </file>
   </example>
 */
于 2015-11-11T10:38:01.803 回答