css - GWT 中的条件 CSS

Question

我正在使用 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 中检查浏览器。

谢谢，凯文

Answer 1

GWTCssResource可以：

@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测试。

Answer 2

CSS 是一种纯样式表语言，没有集成的决策选项。使用 GWT 或使用 javascript 时，您需要在 java 中执行此操作。