在 React 应用程序中使用 Scss 的随机字符串类名是什么意思?
what does the random string classname using Scss in React app means?
在 React 中使用普通 css ClassName
和在 React 中使用 node-sass 有什么区别?
哪个更好,scss ClassName
如何在 app_contentHeader__xFQea
之类的浏览器中生成随机字符串,它到底是什么意思,为什么它会生成一个我什至没有定义的随机字符串?
SCSS 可以被认为是 CSS 的超集,因为它提供了许多实用函数和语法来减少代码长度,比如
- & - 参考符号
- 部分和@import 指令
- 插值等等
但是最终这个scss会被编译成正常的css,浏览器可以理解。
关于你的下一个问题 app_contentHeader__xFQea。
这是每个组件css附加的哈希码,用于样式封装。这样样式 .card 就不会干扰来自另一个组件的 .card 。此功能不依赖于 css 或 scss 即,无论您使用什么,它都会起作用。
如果您使用过 angular,您还可以找到相同样式的封装,但带有类似 _ngcontent 的内容。
在 React 中使用普通 css ClassName
和在 React 中使用 node-sass 有什么区别?
哪个更好,scss ClassName
如何在 app_contentHeader__xFQea
之类的浏览器中生成随机字符串,它到底是什么意思,为什么它会生成一个我什至没有定义的随机字符串?
SCSS 可以被认为是 CSS 的超集,因为它提供了许多实用函数和语法来减少代码长度,比如
- & - 参考符号
- 部分和@import 指令
- 插值等等
但是最终这个scss会被编译成正常的css,浏览器可以理解。
关于你的下一个问题 app_contentHeader__xFQea。
这是每个组件css附加的哈希码,用于样式封装。这样样式 .card 就不会干扰来自另一个组件的 .card 。此功能不依赖于 css 或 scss 即,无论您使用什么,它都会起作用。
如果您使用过 angular,您还可以找到相同样式的封装,但带有类似 _ngcontent 的内容。