所以对于我的 create-react-app,我使用样式加载器来使用组件级 CSS,如下所示:
:local(.form) {
max-width: 800px;
min-height: 400px;
margin: 0 auto;
background-color: white;
padding: 50px 35px;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.12);
border-radius: 50px;
}
但是,我该怎么做:
nav {
line-height: 45px;
height: 45px;
background-color: white;
}
/* The icon of our app */
nav a .library-music {
line-height: 45px;
height: 45px;
color: orange;
font-size: 30px;
}
你看到问题了吗?我不能做 ":local(nav a .library-music)。换句话说,将本地化 CSS 应用于非类元素的正确语法或方法是什么?
提前致谢
最佳答案
nav a :local(.library-music) {
line-height: 45px;
height: 45px;
color: orange;
font-size: 30px;
}
你的 nav
和 a
标签不受 css 编译器的影响,所以你只需要应用 :local()
修饰符类名。
关于javascript - 如何使用样式加载器使用组件级 CSS 为元素设置样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47192478/