在我们的全局css文件中,我们可以这样编写css
:root{
--orange:#e67e22;
--black:#333;
--light-color:#777;
--border:.1rem solid rgba(0,0,0,.2);
--box-shadow:0 .5rem 1rem rgba(0,0,0,.1);
}
*{
margin:0; padding:0;
box-sizing: border-box;
outline: none; border:none;
text-decoration: none;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: lighter;
}
html{
font-size: 62.5%;
overflow-x: hidden;
scroll-behavior: smooth;
scroll-padding-top: 6rem;
}
section{
padding:2rem 7%;
}
但是我们不能在我们的组件模块中编写这个css.css.我需要写.section而不是section,但如果我写的话,我的风格会被打破.节而不是我的组件模块中的节.css.有没有办法在我的模块中编写这些css.像全局css一样的css?
在我们的组件中应用自定义样式(如{style.ClassName}
)也很痛苦和耗时.是否有任何简单或快速的方法可以在我们的组件中应用自定义样式?