2016-10-20 7 views
0

友人は、WYSIWYG-Editorsを使って、html/cssの知識なしに何人かの人々によって作成されたhtml文書を修正するように頼まれました。基本的には、すべてのものを上書きしたいだけです(すべての不要なコード行を削除するにはファイルが大きすぎます)ので、少なくともすべてが同じフォント色とフォントファミリを持ちます。厄介なhtmlを上書きする

私は

body { 
    font-color: rgb(5,51,102) !important; 
    font-family: Helvetica, Arial !important; 
    } 

(も体*またはHTML/HTML *) を使用してみましたが、それは何も変更されません。個々の要素にはたくさんのスタイルタグがありますが、これらはまだ上書きされていますか?要素の上にあるという理由だけで文書の上部に定義されている重要な属性はありますか?どのように私はそれらを上書きすることができますか?これは、「11月」を綴る

style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)"><STRONG>Nove</STRONG></SPAN></font><font face="Helvetica, Arial, sans-serif" class="welcome-body-font" style="FONT-SIZE: 13px"><SPAN lang=EN-GB 
           style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)"><STRONG>mber </STRONG></SPAN></font><font class="welcome-body-font" style="FONT-SIZE: 13px"><SPAN lang=EN-GB 

:ちょうど私が対処しなければならない何のための例として

+2

この厄介なことに幸運 –

+0

あなたのwysiwygを更新し、コードをクリーンアップする必要があります - フォントタグは時代遅れであり、使用すべきではありません。あなたのHTMLをコピーしてhttps://html-cleaner.com/のようなものに貼り付けて、無効なタグやインラインスタイルを取り除くことができます – Pete

+0

不要な要素を削除するためにfindとreplaceを組み合わせた正規表現を使うべきです。 – Sarcoma

答えて

0

!importantを使用してスタイルを上書きできますが、オーバーライドする必要のある要素に直接適用する必要があります。

しかし、多くのCSSを!importantに追加すると混乱が増えるため、このコードを(正規表現やプログラミング言語で)削除することをお勧めします。

font, span {font-size: 25px !important; color: red !important}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
<font face="Helvetica, Arial, sans-serif" class="welcome-body-font" style="FONT-SIZE: 13px"> 
 
\t <span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)"> 
 
\t \t <STRONG>Nove</STRONG> 
 
\t </SPAN> 
 
</font> 
 
<font face="Helvetica, Arial, sans-serif" class="welcome-body-font" style="FONT-SIZE: 13px"> 
 
\t <SPAN lang=EN-GB style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; COLOR: rgb(5,51,102)"> 
 
\t \t <STRONG>mber </STRONG> 
 
\t </SPAN> 
 
</font> 
 
</body> 
 

 
</html>

-1

これは、すべての要素colorfont-familyをオーバーライドする必要があります。

* { 
    color: rgb(5,51,102) !important; 
    font-family: Helvetica, Arial !important; 
} 

これは本当にあなたが説明したものと同じくらい悪いです。これに触れる次の人は、自分自身を殺すことになります。

あなたは本当にそれを修正する方が良いでしょう。

ブラウザでページを開き、テキストを新しいファイルにコピーしてもう一度やり直すことをおすすめします。これはすべてのスタイリングを削除しますが、それは良いことです。

+0

誰もそれに触れることはありません、それはちょうどHTML形式のワンタイムメールです。しかし、確かに、おかげで、*だけが働いたようです。 – Vaethin

+1

それはたくさんの意味があります。しかし、これは動作しません。 HTMLメールでは、スタイルをインライン化する必要があり、多くの電子メールクライアントが取り除かれたり、インライン化されていないとCSSを使用したりすることはありません。 – Sarcoma

0

私はあなたが苦労しなければならないと思います。将来のために簡単にしたい場合は、コードを簡素化し、混乱を減らす必要があります。確かに一度に行うことは難しいだろうが、あなたはそれを段階的に行う必要がある。

CSSに割り当てるクラス名を指定してスタイル属性を削除することをお勧めします。これにより、作業を容易にする多くのHTMLコードが削減されます。