番号の色付け方法

Question

私はウェブサイトを開発しています。このウェブサイトのいくつかのページには、関連する価格と関連したサービスがいくつかあります（私はWordPressをCMSとして使用しています）。

私は価格をすべて違う方法で色付けしたいと思います.Javascriptや特定のCSSルールを使用するなど、いくつかの自動方法があるかどうかを知りたいと思います。 ;-)悪いと退屈な道

おかげ

Answer 1

あなたのHTMLは実際には物事を追跡することが非常に難しいです。各段落には独自のdivがあるようです - それはno-noです.pタグは理由のために存在します。また、これらのdivのすべては個別に識別することができないため、必要なものに到達することはできません。

正直言って、ここの最良の方法は、あなたが見つけたすべての価格にそのスパンを置くことです。

価格の隣で使用されているだけなので、すべての強力な要素を追跡できますが、他に強いタグがある場合は他の場所でバグが発生する可能性があります。親要素を見つけるための方法を持って、それはCSSのように見えるしていませんので、あなたはとにかくJSを介してこれを行う必要があります：

var pricedivs = document.getElementsByTagName("strong"); 
for (var i = 0; i < pricedivs.length; i++) { 
    pricedivs[i].parentNode.className = "price"; 
} 

と、関連するCSSを：

.price { color: red; } 
.price strong { color: black; } /* We only want the text beside the strong tag, so set the style back */ 

効果がすべてということです強いタグを持つテキストの周囲にあるテキストは赤色になります。

Answer 2

を

選択肢は「<span class='price'>...</span>」のようなhtmlタグに手動ですべての価格を挿入することができますが、私にとってそれは私でしょう、あなたは可能性が任意のコードがあります私たちはあなたの状況を見ることができますか？価格が残りの部分から離れている限り、CSSエントリを作成することができます。

JSを使用してページをフォーマットすることはお勧めできません。必要なページの正確な部分に実際にアクセスする方法が見つからない限り、ページをフォーマットしないでください。

編集：私はあなたができることは、JSを使用してテキスト内の任意の数字を検索し、その周りにそのスパンをラップすることだと思います。その後、CSSが残りの作業を行います。ただし、テキストを検索している場所に注意を払わないとJSが無効になっている人には数字が表示されません。

Answer 3

私は例を示します。価格は、このような構造であるhttp://www.3jolieistitutodibellezza.it/corpo-donna/このページでは：

<div><strong>Polyglyco Pell:</strong> 25,00</div><div>A base di Poli Idrossiacidi e Alfa Idrossiacidi, favorisce l&#8217;eliminazione delle cellule morte, agevola il turnover cellulare, dona turgore e levigatezza</div><div>al tessuto. Indicato per pelli spesse, ipercheratosiche, favorisce la riduzione delle smagliature di recente formazione.</div> 

JSを使用せずに、多分それは価格を見つけるために、それらを着色することは不可能です。

価格を彩る唯一の簡単な方法は、価格を含むコンテナにdiv属性を追加し、単純なCSSルールを適用することです。

あなたはどう思いますか？