角材質CSS泄漏到其他div

我想在我的角應用中使用角材質的md-autocomplete。我已經有一個修改的CSS，我的應用程序正在使用。但添加角度材料css擰了我的整個頁面。角材質CSS泄漏到其他div

我試着將CSS設定爲只有該div。但它仍然以某種方式覆蓋了父母的CSS。

這是我使用的CSS在我的網頁：

<div> 
    <style> 
    The whole Angular material css goes here. 
    (https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css) 
    </style 
</div>

我以爲上面會範圍的CSS只有該分區。但它也以某種方式泄露給其他divs。

此外，我試圖刪除部分原始的CSS，以便我只留下md-autocomplete使用的樣式。但是這真的很累，結果也不是很好。

請幫助我如何在我的原始html文件中使用md-autocomplete。

來源

2016-11-28 v1shnu

你正在嘗試做的是不可能在CSS中看到下面的代碼

<div> 
 
    <style> 
 
     div{ 
 
     color: red; 
 
     } 
 
    </style> 
 
    some text 
 
</div> 
 

 
<div> 
 
    <style> 
 
     div{ 
 
     border: 1px solid brown; 
 
     } 
 
    </style> 
 
    another text 
 
</div>

早些時候，在CSS是可能的<style scoped>但對這個功能的支持已被刪除。

<div> 
    <style scoped> 
     @import "style.css"; 
    </style> 
</div>

但是你可以使用CSS 預處理像小於或青菜

.your-class { 
    @include 'style.css'; 
}

，瞭解詳情可以參考Link external CSS file only for specific Div

希望我回答你的問題

來源

2016-11-28 09:36:11 Rahul

我打算使用CSS預加載器，但是如何將它添加到前端的頁面？這會足夠嗎？也少說，它說客戶端渲染不適合生產使用。 – v1shnu

這裏是基本的教程，你可以參考http://www.hongkiat.com/blog/less-basic/和https://scotch.io/tutorials/getting-started-with-less – Rahul

我可以使用less導入一個css 。 – v1shnu

角材質CSS泄漏到其他div

回答

相關問題