Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

嵌套样式冲突 #29

Closed
twinh opened this issue Dec 2, 2021 · 1 comment
Closed

嵌套样式冲突 #29

twinh opened this issue Dec 2, 2021 · 1 comment
Labels
bug Something isn't working

Comments

@twinh
Copy link
Contributor

twinh commented Dec 2, 2021

如下代码,第一个 Box 生成了 CSS .color-deeppink,内容为空,导致第二个没有样式。

考虑生成类时把子元素也加上?例如生成 span-color-deeppink ?

<div>
  <Box
    css={{
      span: {
        color: 'deeppink',
      },
    }}
  >
    <span>Hi, Fower!</span>
  </Box>
  
  <Box color="deeppink">
    粉色
  </Box>
</div>

image

@leenxyz
Copy link
Owner

leenxyz commented Dec 2, 2021

@twinh fixed in new version v1.59.0

@leenxyz leenxyz added the bug Something isn't working label Dec 2, 2021
@twinh twinh closed this as completed Dec 3, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants