css - (S)CSS React 元素选择器

标签 css reactjs sass

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

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

Foo {
    color: red;
}

这会很棒,因为我可以继续使用我喜欢的 .scss 文件,并且可以选择组件。我该怎么做(或实现类似的行为)?

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

最佳答案

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

关于css - (S)CSS React 元素选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45504684/

相关文章:

HTML/CSS 在段落和无序列表旁边 float 一个 img

css - 如何在 Ubuntu 16.04 中编辑 sass 文件

css - 在 SCSS 中更改输入焦点上的标签颜色

html - 如何在悬停时从::before 标签中删除

css - 如何将外部资源/字体添加到 Firefox 扩展中?

javascript - 使用 JQuery 调整 IMG 和 DIV 大小会导致图像调整大小而不改变相对于相邻 DIV 的位置(它们保持固定并产生溢出)

css - 在 chrome 中滚动时 Div 悬停不起作用

reactjs - React JSON-LD 架构中的脚本标签

node.js - 每当我发送消息时,它都会在 react 中多次显示相同的消息

javascript - React JS 动态数据获取