Angular ngview和nginclude break css

我正在使用this template創建管理頁面。我正在使用Angular。Angular ngview和nginclude break css

問題如果我用戶ngview和nginclude的CSS和一些JS不能正常工作。特別是在CSS中，如果我們使用這些指令，則CSS中的父子關係會中斷。

例如：body> .classname因爲body在ngview之外而class被放在ngview中。有沒有解決方法？

我不能花時間建立自己的模板。

這裏是以Fiddle爲例的結構。

2014-10-29 Abel D

請在此處添加有意義的代碼和問題描述。不要只是鏈接到需要修復的網站 - 否則，一旦問題解決，這個問題將會給未來的訪問者帶來任何價值。發佈一個證明你的問題的[簡短的，自包含的，正確的例子（SSCCE）]（http://www.sscce.org/）將幫助你得到更好的答案。欲瞭解更多信息，請參閱[我網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackexchange.com/questions/125997/）謝謝！ – Cerbrus 2014-10-29 09:43:17

您是否第一次正確閱讀我的問題？爲什麼人們會減去它？ – 2014-10-29 09:46:58

該鏈接不是我的網站。那就是我正在使用的。 – 2014-10-29 09:48:20

我想這是因爲你使用了錯誤的選擇器。 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文檔（生成它的部件時，不管）。如果它打破了，那肯定是因爲它是錯誤的選擇器。

來源

2014-10-29 10:08:03 enguerranws

Angular ngview和nginclude break css

回答

相關問題