3

CSSではコメントのネストが許可されていないため、複数行のコードにコメントを付けることなく、すべての切り替えに対応したり、Webページに存在するスタイルシートを選択したりできるさまざまなアプローチを探しています。

背景：さまざまなCSSシートのさまざまな効果を学習しようとしていますが、開発者以外のユーザーとのやり取りをWYSIWYGにしたいと考えています。現在、私が見つけたのはこれだけです：

<a href="javascript:var%20i=0;if(document.styleSheets.length>0)
{cs=!document.styleSheets[0].disabled;
    for(i=0;i<document.styleSheets.length;i++)
        %20document.styleSheets[i].disabled=cs;};
    void(cs=true);">Toggle stylesheet</a>

私はHTML、JS、Java、JQuery、またはCSSの実装を受け入れています。

明確化-スタイルシートはJQueryを使用して選択できますか？選択できれば可能と思われます。

この投稿を閉じ続ける人のために、投稿を閉じるだけでなく、あなたのニーズに対応できるようにフィードバックを送ってください。わからない場合は、閉じるとフィードバックではなくFAQページに送られ、何を変更すればよいかわかりません。また、私の通知によると、他にも回答している人がいますが、投稿に戻るまでに、閉じてから表示できず、通知には最初の数語しか含まれていないので、そうではありません。役に立ちました。

4

5 に答える 5

2

FirefoxWebDeveloperアドオンを使用します。個々のスタイルシートを無効および再度有効にできるCSSメニューがあります。このアドオンはChromeでも利用できると思います。また、CSSをライブ編集することもできます。Web開発者向けの優れたツールがたくさんあります。

于 2012-06-19T18:13:32.747 に答える
2

私は「メイン」ブラウザーとして Firefox を使用しています。非常に優れた Firebug プラグインを使用すると、スタイルシートまたはそれらのスタイルシート内の特定の CSS プロパティを切り替えることができます。

Firebug の CSS 処理の詳細については、こちらをご覧ください

于 2012-06-19T18:14:05.710 に答える
2

Chrome デベロッパー ツールは、CSS スタイルを切り替えたり、スタイルを追加したりしながら、変更をページ上でリアルタイムに表示するのに最適です。

使用するには、Chrome でページを開き、チェックアウトするページの部分を右クリックして、[要素の検査] を選択します。

于 2012-06-19T18:17:50.120 に答える
2

次の行に沿って何かを探しています: http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/

href=""上記のリンクをクリックしてタグを別のスタイルシートに切り替える<link>と、前述のとおりに実行できます。

于 2012-06-19T19:17:32.180 に答える
1

最近のほとんどのブラウザには、ページ作成者が提供したスタイルシートのリストからページのアクティブなスタイルシートを選択できる「ページスタイル」メニュー項目があることをご存知ですか？FirefoxではView > Page Style。ChromeまたはIE9に何があるかはわかりませんが、それらで見つけるのは難しいことではありません。

于 2012-06-19T18:44:22.210 に答える