带有双破折号的 CSS 选择器

【问题标题】：CSS Selectors with double dash带有双破折号的 CSS 选择器
【发布时间】：2020-09-01 17:18:15
【问题描述】：

我正在尝试了解包含双破折号（例如.header-module--socialHeaderButton--1BLVB）的 CSS 选择器，这些选择器是通过 react.js 生成的，其行为与标准 CSS 选择器不同。我希望有人有一些说明如何正确使用它的文档？

【问题讨论】：

• React 不会默认添加这些东西。您是在使用样式化组件还是其他可能会生成这些类的东西？
• 我没有写反应并且对它了解很多（开发反弹），我只是想修复一些样式。将普通选择器添加到反应中可能更容易：

  但我不知道正确的语法？
• 没有“正确的语法”。像对待任何 div 一样对待它，添加你认为合适的类。