我正在使用GWT。
CSS是否可以执行以下if / else语句?
.unseen-activity div.unseen-label {
display: inline;
if using chrome { left: 510px; }
else { left: 470px; }
margin: 0 auto;
}
还是让我的GWT Java代码检查浏览器,然后相应地添加样式会更好?
注意-我不确定在GWT中是否可以检查浏览器。
谢谢,
凯文
最佳答案
GWT的CssResource
可以执行以下操作:
@if user.agent safari {
.unseen-activity div.unseen-label {
left: 510px;
}
}
@else {
.unseen-activity div.unseen-label {
left: 470px;
}
}
.unseen-activity div.unseen-label {
display: inline;
margin: 0 auto;
}
见https://developers.google.com/web-toolkit/doc/latest/DevGuideClientBundle#Conditional_CSS
注意:
safari
用户代理与所有Webkit匹配;如果您还需要其他内容,请使用静态方法作为@if
测试。