html - 在 React 中设置 CSS 伪类的样式

<分区>

我需要将一些 CSS 规则应用到 ::before 和 ::after，但我不知道该怎么做。

我尝试像这样将内联样式传递给我的组件(使用 JSX):

const color: '#fff';

const style = {
  '::before': { backgroundColor: color },
  '::after': { backgroundColor: color },
};

<div style={ style }>

我也尝试了其他排列，例如':before'、'&::before'、before……什么都没有似乎有效。

React 甚至支持吗？如果是这样，使用内联样式的正确方法是什么？

最佳答案

react 的内联样式不支持 css 伪类。或者媒体查询。您可以编写纯 css，也可以为此使用库 https://github.com/styled-components/styled-components

关于html - 在 React 中设置 CSS 伪类的样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48466573/

相关文章：

HTML - 一定宽度的居中透明矩形