問題タブ [inline-styles]

wordpress ブログを組み込んだサイトを構築していますが、テーマのカスタマイズ中にわずかな問題が発生しました。

フッターでいくつかのウィジェットを使用して最近の投稿などを表示していますが、それらは独自のインライン スタイルで表示されています。スタイリングを追加している可能性のある場所はどこにも見つかりませんが、functions.php ファイルで問題の要素の ID とクラスを追加する関数を見つけました。次のスタイリングを削除するには:

コードは次のとおりです。

ページ上のコードは次のようになります。

だから私はIDとクラスを残したいが、「スタイル」要素を取り除きたい

私はphpがこれを行うための最良の方法ではないかもしれないことを知っているので、私は提案を受け入れていますが、関数にpreg replaceまたはreg exなどをポップできれば素晴らしいでしょう。

乾杯

#div1が にpadding-left設定されていると仮定し50pxます。特定のボタンを押すと、パディングが0アニメーションで変化します:

#div2はブロックなので、一緒にサイズが変わります#div1。

問題の核心は、 jQuery を使用して#div2 width値を転送したいです。<div id="div2" style="width: [HERE]"></div>そして、#div1アニメーション化されると#div2 width、スタイル属性の値が変化し始めます。の幅がどのように#div2変化しているかをブラウザーの開発者ツールで確認したいと思います。このようなもの：

リリースされたボタン:

1 秒後:

どうすればできますか？

特定のセルのインライン スタイルで html テーブルを印刷したいと考えています。テーブルの画像です。

しかし、このWebページを印刷すると。それらのセルの色が消えます。印刷プレビューの画像です。

これは、テーブルのコード サンプルです。

css クラスのメディア タイプを印刷するように設定して、それらの色を印刷できることを知っています。しかし、何百もの色が利用可能であり、それぞれのクラスを作成するのは悪夢です.

このテーブルを色付きのセルで印刷する解決策はありますか?

ボタンのクリック時にフォント サイズを変更するために、ピクセルで定義されたインライン スタイルのフォント サイズ (例: font-size:12px) を持つ要素をターゲットにする方法。

誰かがこのJavaScriptコードを完成させるのを手伝ってもらえますか:

html

JavaScript

jsFiddleを用意しました

この他の回答は、指定されたよりも大きいフォントサイズを持つ要素を見つけるのに役立つことがわかりました

WordPress の TinyMCE で奇妙な不具合に遭遇しました。特に親のブロックタイプを変更すると、独自のインラインスタイルが要素に追加されます。これは、カスタム エディター スタイルシートを使用していることが一因のようです。無効にすると問題が解消されるためです。

例: 多数のリンクがあり、1 行に 1 つずつ、すべてに特別なクラスがありました (クラスはアンカー タグにのみ適用されるように構成されています)。そのリンクのリストを選択して順序付けされていないリストに変換すると、リンク自体にインライン スタイルが適用され、(不正確な) フォント サイズがハードコーディングされ、本文の色と一致するように背景色が追加されます。

保存時にそれを取り除く保存フィルターを追加しましたが、そもそもこれがどのように行われているかについては困惑しています。

何か案は？

クリティカル パス cssを読んだ後、これを自分のビルドに埋め込む方法を考えていました。すでにこれを行う完成したツールはありますか? インライン CSS が他の CSS と同期しなくなるのを避けるために、このプロセスは自動化できる必要があります。

現在そのようなツールがない場合は、この実験的なスクリプトを PhantomJS と一緒に使用して作成する方法 (たとえば、grunt プラグイン) を確認できますが、車輪を再発明する意味はありません (既にある場合)。