如何制作CSS“~&引用;GWT Css资源中的选择器工作

如何制作CSS“~&引用;GWT Css资源中的选择器工作,gwt,css,css-selectors,Gwt,Css,Css Selectors,我意识到GWT Css资源解析器目前只支持CSS2,但是有没有办法让Css共享父级选择(“~”选择器)在Css资源中工作 例如: .password{ font-weight: normal; } .email ~ .password{ /* <--- This selector won't be included */ font-weight: bold; } .password{ 字体大小:正常; } .email~.password{/*如果情况更糟,并且您没有

我意识到GWT Css资源解析器目前只支持CSS2,但是有没有办法让Css共享父级选择(“~”选择器)在Css资源中工作

例如:

.password{
    font-weight: normal;
}
.email ~ .password{   /* <--- This selector won't be included */
    font-weight: bold;
}
.password{
字体大小:正常;
}

.email~.password{/*如果情况更糟,并且您没有找到一个优雅的解决方案,您可以在编译后插入一些样式。也就是说,让CssResource将
.email
.password
转换为
email()
password()
,然后插入
email()+“~”+password()
手动输入页面。显然这是一个丑陋的黑客行为,但您仍然可以获得CssResource的所有好处(除了浏览器特定的调整),并且样式应该按照您的预期应用


我想最简单的解决方法是创建
.email password parent
并手动将其应用于父项。

对于CssResource无法理解的样式,
literal
函数效果很好-我不知道它是否也适用于选择器。您可以尝试
.email literal(~”).password{…}例如,
。我尝试了几次迭代,但都导致选择器无法输出。我尝试了
.email literal(“~”).password
literal(“.email~.password”)两种方法
我也尝试过
.email\~.password
,但输出的
.email\~.password
实际上是CSS选择器级别4CSS4@Mohsen-尽管如此,它还是有很大的优势