0

ユーザーが使用している OS に基づいて異なるテキストを表示したい。私は CSS ブラウザー セレクター (ここから: http://rafael.adm.br/css_browser_selector/から) のコードを持っていますが、OS に基づいて特定のテキストを表示する方法がわかりません。

Windows、Linux、Mac などの OS を CSS スタイル シートで定義する必要があることはわかっています。

.win.chrome .example{
...
}

Windows の場合、Linux の場合などのさまざまな値を HTML でどのように表示できるか疑問に思っています...

4

3 に答える 3

1

すべてのバリアントを HTML に含めてから、CSS セレクターを使用して、作成した、または必要に応じdisplay: noneて「正しい」文字列を除くすべてのバリアントを作成します。display: blockdisplay: inline

の MDN ドキュメントをdisplay:参照してください。

EDITリンク先の JS は、そのクラスをドキュメントのルート要素に追加します。つまり<html>、ルールの先頭html.winは、ページが Windows にロードされたときにのみ一致します。次に、どの OS がその特定の要素を表示する必要があるかを伝える独自のコンテンツにクラスを追加する必要があります。例えば：

HTML:

<div class="win_only_block">You are running Windows!</div>
<div class="mac_only_block">You are running MacOS!</div>

CSS:

/* Hide all the switchable blocks by default */
.win_only_block, .mac_only_block { display: none; }

/* Display the elements for the current OS (rule is more specific so will take precedence) */
html.win .win_only_block { display: block; }
html.mac .mac_only_block { display: block; }
于 2013-07-17T02:00:18.350 に答える