angular.js - ui-router多视图嵌套，如果保障各个ui-view下的css相互独立

Question

如题：

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']);
                }]
            }
    })

topbar.html里面link了一个很大的css文件，它里面修改了默认标签，目前我这样什么都不处理的话，这个css文件会影响我的其他页面，请问，如果处理这个问题呢?

Answer 1

실제로 CSS의 상호 영향을 의미하는군요.
HTML을 모듈로 사용할 수 있습니다. CSS를 작성할 때 상단에

와 같은 모듈러 클래스 이름을 추가하세요. 으아악 으아악

이렇게 하면 다른 페이지에 첫 번째 클래스가 없는 한 CSS는 자연스럽게 적용되지 않습니다.

그리고 CSS가 Reset.css

와 같은 대형 모듈에 포함되지 않은 경우 으아악

그러면 이 CSS가 로드되면 확실히 다른 페이지에 영향을 미치게 됩니다