Comme dans le titre :
ui-router多视图嵌套，如果保障各个ui-view下的css相互独立.state('companyManage',{
url:'/company',
views:{
'':{
templateUrl:'company/pages/company.html',
controller:'companyCtr'
},
'common_topbar@companyManage':{
templateUrl:'home-page/topbar.html',
},
'details@companyManage':{
templateUrl:'company/pages/company_details.html',
controller:'companyDetailCtr'
}
},
resolve:{
deps:["$ocLazyLoad",function($ocLazyLoad){
return $ocLazyLoad.load(["company/js/companyCtr.js","company/js/companyDetailCtr.js","company/js/fun.js",'company/css/company.css','main/common_topbar.css']);
}]
}
})Il y a un gros fichier CSS lié dans topbar.html, qui a modifié la balise par défaut. Si je ne fais rien pour le moment, ce fichier CSS affectera mes autres pages
.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous parlez en fait de l'influence mutuelle des CSS.
.Vous pouvez utiliser un code HTML comme module Lors de l'écriture de CSS, vous ajoutez un nom de classe modulaire en haut, tel que
De cette façon, tant que les autres pages n'ont pas la première classe, le css ne prendra naturellement pas effet.
Et si votre CSS n'est pas enveloppé dans un gros module, tel que reset.css
Ensuite, lorsque ce CSS sera chargé, cela affectera certainement les autres pages