JSS-如何在body元素上基于类名创建规则？

问题描述

与此CSS语法等效的JSS语法是什么？

.sticky-header{
  width: 100%
}

body.dialog-open .sticky-header{
 width: calc(100% - 16px)
}

我尝试了这种语法，但是没有用

{
  width: "100%"
  "& body.dialog-open" : {
     width: "calc(100% - 16px)"
   }
}

解决方法

仅在打开时添加一个类，在关闭时删除

open(){
 document.getElementById("sticky-header).className = "sticky-header halfsize";
}
close(){
 document.getElementById("sticky-header).className = "sticky-header";
}