問題タブ [inline-styles]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - インラインCSSでa：hoverを書く方法は？
インラインCSSコードを記述しなければならない場合があり、アンカーにホバースタイルを適用したいと思います。
a:hoverHTMLスタイル属性内のインラインCSSでどのように使用できますか？
たとえば、HTMLメールでCSSクラスを確実に使用することはできません。
css - Ruby で外部 CSS をインライン CSS に変換するツールは?
私は GoogleDocs をいじっていますが、非常に原始的な CSS サポートがあります。MSWord .doc または HTML ファイルをアップロードして HTML としてエクスポートすると、すべてのスタイルがインラインで適用されます。HTML ファイルにスタイル ブロックがありますが、HTML ファイルを Google ドキュメントにアップロードすると、インライン以外のスタイルは適用されません。
そこで「これには ruby ツールがあるのかな」と思っていました。CSSを取得してHTMLノードに解析させるために使用できるものはありますか?おそらくnokogiriプラグインですか?
javascript - Telerik RadEditor for MOSS-最小幅のインラインCSSを抑制するにはどうすればよいですか？
私はMOSSのRadEditorに問題があり、この問題の原因について本当に困惑しています。Firebugを使用して、min- * CSS設定が発生している場所を見つけようとしましたが、検索が空になりましたが、ダウンロードしたページマークアップにそのインラインCSSがないため、発生していることがわかります。
Telerikコントロールが出力するJavascriptの1つは、エディターのトップレベルのdivにインラインCSSスタイルを追加するもの、つまりmin-height、min-widthであると思います。これにより、ページのレイアウトに問題が発生します。私の質問は、なぜこれを行うのか、そしてもっと重要なことに、これを防ぐにはどうすればよいのかということです。
html - 無視されるインライン スタイル
インライン スタイルのテーブルにかなり単純なセルがあります。
また、Firefox と Opera の両方で text-align-right が無視されています。私は Firefox の「firebug」を使用<td style="">しました。
何が起こっているのでしょうか？このように指定されたインライン スタイルは、リンクされたスタイル シートや継承されたスタイルよりも優先されると思いました。
いつもありがとう。
css - インライン CSS の何が悪いのでしょうか?
ウェブサイトのスターター コードとサンプルを見ると、CSS は常に「main.css」、「default.css」、「Site.css」などの名前の別のファイルにあります。ただし、ページをコーディングしているとき、画像に「float: right」を設定するなどして、CSS を DOM 要素とインラインでスローしたくなることがよくあります。例ではめったに行われないため、これは「悪いコーディング」であると感じています。
スタイルが複数のオブジェクトに適用される場合は、"Don't Repeat Yourself" (DRY) に従い、それを CSS クラスに割り当てて各要素から参照するのが賢明であることを理解しています。ただし、別の要素で CSS を繰り返さないのであれば、HTML を記述するときに CSS をインライン化しないのはなぜでしょうか?
質問: インライン CSS の使用は、その要素でのみ使用されるとしても、悪いと見なされますか? もしそうなら、なぜですか？
例 (これは悪いことですか?):
css - CKEditorはインラインスタイルをリンクに適用しません
メールで送信するマークアップを作成するためのテキストエディタとしてckeditorバージョン3を使用しています。つまり、すべてのスタイルをインラインにする必要があり、スタイルを設定する必要があるものはすべて、スタイルを適用する必要があります。
私は現在addStylesSet、要素に適用できるカスタムスタイルを生成するために使用しています。<a> <ol> <ul>私が抱えている問題は、これはほとんどの要素で機能しますが、スタイルが適用され ていないように見えることです<li>
これらの要素にもインラインスタイルを適用できる必要があります。私はckeditorサイトで例を見てきましたが、それらでさえ<span>リンクを包み込んでいるようです。
とにかく<a>タグにインラインスタイルを適用できるか、それが失敗した場合、任意のタグに適用できるクラスの束をckeditorに与えることができますか（TinyMCEが外部cssファイルへのリンクで行うように）？少なくともスタイルをインライン化するためにそれらのテキスト置換を実行できるようにするには？
ckeditorサイトで行われたものとまったく同じであるため、ここにコードを貼り付けていません。
css - インライン スタイルとクラスの違いは何ですか?
私の頭の中では、どのプロジェクトでもインライン スタイルよりもクラスを使用することを常に知っていました。しかし、両者の間に効果的な違いはありますか?
html - 擬似クラス属性をインラインで指定するにはどうすればよいですか?
私が使用しているこのウィキ (Google サイト) は、HTML モードでのスタイル シートやタグのリンクをサポートしていません (それは残念です)。スタイルを指定する唯一の方法は、インラインで定義することです。
今すぐメニューバーを配置する必要があります。純粋な css メニューバーを見つけましたが、ホバー クラスをインラインで定義するのに問題があります。何か案は？
html - IE7 でのインライン CSS スタイルのオーバーライド
次のようなインライン CSS スタイルの html タグがあり、<body><div style="position:absolute;top:100px;"></body> このインライン位置プロパティをオーバーライドしたいと考えています。そこで、次のような CSS ルールを作成しました。
body > div[style]{position:relative !important;top:0px !important;}
上記のコードは Firefox で動作します。しかし、IE7では機能しません。IE に足りないものはありますか?
PS: Firebug lite ウィンドウでオーバーライドされた属性を確認できましたが、ページには何の影響もありません。(添付の画像を参照してください)。
jquery - jquery で特定のインライン スタイルを削除する
style="width:3px;" を自動挿入する、私が使用しているASPメニューがあります。メニューテーブル tds に挿入すると、タブの間に厄介なギャブが作成されます。開発者がこの表面的な傷のためだけにメニューをカスタマイズする代わりに、jquery を使用してこのインライン スタイルを削除することをテストしています。
以下は簡単な例です。
jquery では、次のようにして style 属性を持つすべての tds を削除できます。
私の質問は、3px のみを含むインライン スタイルをターゲットにするにはどうすればよいですか?
これが私のライブデモです: http://jsfiddle.net/n9upF/