3

私は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 でブラウザをチェックできるかどうかはわかりません。

ありがとう、ケビン

4

2 に答える 2

5

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テストとして使用してください。

于 2012-11-15T19:36:12.567 に答える
0

CSS は純粋なスタイル シート言語であり、統合された意思決定のためのオプションはありません。GWT を使用する場合、または JavaScript を使用する場合は、Java で行う必要があります。

于 2012-11-15T18:37:21.163 に答える