Question

我正在使用this template创建和管理页面。我正在使用Angular。

问题如果我使用ngview并且nginclude css和一些js无法正常工作。特别是在css中，如果我们使用这些指令，则css中的父子关系会中断。

示例：body> .classname因为身体在ngview之外且类在ngview内而中断。有没有解决方法呢？

我无法花时间构建自己的模板。

这是一个Fiddle例如结构。

Answer 1

我认为这是因为你使用了错误的选择器。 body > .classname表示：目标.classname元素是直接子项的正文。

一些文档：https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors

看到你的小提琴：

<body>
    <div ngview>
        <div ng-include="'heading.html'">       
        </div>
        <div>
            Content
        </div>
    </div>
</body>

heading.html中包含的元素永远不会是正文的直接子女。

因此请使用：body .classname

FYI：CSS规则应用于整个HTML文档（无论何时生成其部分）。如果它中断了，那肯定是因为它是错误的选择器。

Angular ng视图和ng包括break css

1 个答案: