【问题标题】:(S)CSS React element selector(S)CSS React 元素选择器
【发布时间】:2017-08-04 10:39:53
【问题描述】:

我正在寻找一种简单的方法来选择我的 css 中现有的反应元素。我试过搜索它,但只找到了关于我可以使用的大量库的令人困惑的答案,而且似乎没有一个适合我想要做的。

我想要一个常规的.scss 文件,如果我有名为Foo 的反应元素,我可以这样做:

Foo {
    color: red;
}

这很好,因为我可以继续使用我喜欢的.scss 文件,并且可以选择组件。我怎样才能做到这一点(或实现类似的行为)?

请注意,我不是创建元素的人,所以我不能只将一个类应用于所有元素。

【问题讨论】:

  • 没办法。 React 组件的名称仅存在于 JS 中。它们不会以任何方式呈现在 HTML 中(仅在未处理的 JSX 中),因此您不能使用 CSS 来设置“任何东西”的样式
  • @Anarion 可能有用于此目的的预处理器或工具。这就是我要找的
  • 我总是通过 className 调用 react 元素并在 Sass 中设置样式,在下面查看我的答案

标签: css reactjs sass


【解决方案1】:

你可以很容易地做到这一点,通过添加 className=Foo 并在 Sass 中调用它 by(.Foo) 并使用编译器程序将 Sass 转换为 CSS,例如 (Prepros) 并将 CSS 文件作为链接调用到你的 main HTML 文件

【讨论】:

  • "请注意,我不是创建元素的人,所以我不能只为所有元素应用一个类。"你读过这个问题吗?
  • 我真的不明白你的问题清楚!但无论如何,如果您想搜索反应元素属性,您可以在添加此工具后通过检查元素检查它chrome.google.com/webstore/detail/react-developer-tools/…
猜你喜欢
  • 2012-08-16
  • 1970-01-01
  • 2013-04-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-19
  • 2021-03-10
相关资源
最近更新 更多