我无法在 NextJs 中的动态元素上应用内部/内联样式

Question

我有一个这样的代码片段-

<p className="xyz" dangerouslySetInnerHTML={{__html: dynamicContent}}></p>

dyanmicContent 内部有字符串和一个锚标记，我想在标记上应用一些样式，我正在尝试这个方法

<style jsx>{`.xyz a {border-bottom: 1px solid;}`}</style>

但是这种方式样式不会应用到标签上，我是否遗漏了一些东西？

Answer 1

试试这个，如果它对你有用的话

const styleDynamicEle =‘.xyz a { border-bottom: 1pxsolid; }’;