时间戳

首页 > 解决方案 > JS 中的 CSS 可以正常工作，但在情感/样式中的相同样式根本不起作用

javascript - JS 中的 CSS 可以正常工作，但在情感/样式中的相同样式根本不起作用

问题描述

我删除了列表中的项目符号，现在我正在尝试删除缩进，以便列表与上面的文本齐平。下面的样式在我的文档中有效：

<ul style={{marginLeft: 0}}>
    <li>Item 1</li>
    <li>Item 1</li>
</ul>

当我尝试使用情感/样式应用相同的样式时，我没有达到相同的效果：

const List = styled.ul({
    marginLeft: 0
})

<List>
    <li>Item 1</li>
    <li>Item 2</li>
</List>

以上只是示例，但 HTML 在 React 中以 JS 的形式返回。任何人都知道为什么它可能不起作用？

标签： javascripthtmlemotion

解决方案

推荐阅读