GWT CSSリソースのCSS "〜"セレクタの作り方

GWT CSSのリソースパーサは現時点ではCSS2のみをサポートしていますが、CSSの共有親の選択（ "〜"セレクタ）は、CSSのリソースで動作するように？例えばGWT CSSリソースのCSS "〜"セレクタの作り方

：悪いことは最悪に来て、あなたは、このエレガントな解決策が見つからない場合は

.password{ 
    font-weight: normal; 
} 
.email ~ .password{ /* <--- This selector won't be included */ 
    font-weight: bold; 
}

出典

2012-01-06 logan

'literal'関数は、CssResourceが理解できないスタイルでうまく機能します。セレクタでも動作するかどうかはわかりません。 '.email literal（"〜 "）.password {...}'を試してみてください。 –

私はいくつかの反復を試みましたが、それらのすべてがセレクタを出力しません。私は '.email literal（"〜 "）.password'と' literal（ "。email〜.password"） 'を試してみた。 – logan

私は' .email \〜.password'を試したが、 ''電子メール\〜.password' – logan

、あなたは常にコンパイル後にいくつかのスタイルを注入することができます。つまり、CssResourceは.emailと.passwordをemail()とpassword()にしてから、email() + " ~ " + password()を手動でページに挿入します。明らかに醜いハックですが、CssResourceのすべてのメリットを得ることができます（ブラウザ固有の調整は除きます）。

最も簡単な回避策は、.email-password-parentを作成して親に手動で適用することです。

出典

2012-01-06 21:47:54

クリエイティブハックアップアップ。 :) – logan

GWT CSSリソースのCSS "〜"セレクタの作り方

答えて

関連する問題