GWT中的条件CSS

Question

我正在使用GWT.

如果/ else语句可以用CSS执行以下操作吗？

.unseen-activity div.unseen-label {
    display: inline;

    if using chrome { left: 510px; }
    else { left: 470px; }

    margin: 0 auto;
}

或者我的GWT Java代码检查浏览器,然后相应地添加样式会更好吗？

注意 - 我不确定在GWT中是否可以检查浏览器.

谢谢,凯文

Answer 1

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用户代理匹配所有webkits; 如果您需要其他东西,请使用静态方法作为@if测试.