如何使用2个不同的CSS

Question

我是Vue的新手请帮助。我的问题是我如何合并或区分2 css例如当组件A加载加载css 1和组件2加载加载css 2时 简要说明我有登陆页面和仪表板页面两个都有不同的风格所以我想要的是，当登陆页面加载css 1加载和当仪表板页面加载样式2得到加载我尝试范围但没有工作问题我得到了当我使用在着陆页中确定它是影响仪表板，即样式2。如果第一种风格只适用于登陆页面（组件1），那么它将解决我的问题。有没有办法克服这个问题....

风格css 1的相同部分

body {
font-family: 'Open Sans', sans-serif;
color: #4c5667;
background: #fff;
font-size: 14px;
line-height: 22px;
 overflow-x:hidden;
}

样式css 2的相同部分

body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}