cssinjs/jss

Nested selectors are loosing dollar sign

Open

#1,116 建立於 2019年6月9日

在 GitHub 查看
 (4 留言) (1 反應) (0 負責人)JavaScript (434 fork)batch import
bughelp wanted

倉庫指標

Star
 (7,000 star)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

Expected behavior: Normal selector nesting

Describe the bug: When nesting a selector with a dollar sign, it disappears

Codesandbox link: https://codesandbox.io/s/react-jss-playground-j9toj

There I've just added:

    "& h1": {
      color: "red"
    }

And changed Comp to Comp$1

And look at the <style>:

.Comp\$1-wrapper-0-1-13 {
  padding: 40px;
  background: #f7df1e;
  text-align: left;
}
.Comp\1-wrapper-0-1-13 h1 {
  color: red;
}

Versions:

  • react-jss: 8.6.1
  • Browser: Safari 12.1.2
  • OS: macOS 10.14.6

貢獻者指南