Aphrodite CSS覆盖、页边距和填充

Question

我在使用aphrodite时遇到了一个问题，如果我将基础组件设置为全局选择器，例如margin: 0或marginLeft、marginRight、marginTop、marginBottom中的任何一个。然后，当我尝试覆盖其中之一时，它不需要。

例如，一个用margin: 0设置的div，然后我添加了另一个样式marginBottom: 10不起作用。反之亦然。如果设置了marginBottom: 10，而我设置了margin: 0，则它不起作用。

https://github.com/Khan/aphrodite

Answer 1

来自文档：Object Key Ordering

const styles = StyleSheet.create({
ordered: new Map([
    ["margin", 0],
    ["marginLeft", 15],
  ]),
});

请注意，并非所有浏览器都完全支持地图。它可以通过使用像es6-shim这样的包进行多填充。