Как раскрасить цифры

Question

Я занимаюсь разработкой веб-сайта, и на некоторых страницах этого сайта есть некоторые услуги в сочетании с соответствующими ценами (я использую WordPress в качестве CMS).

Я бы покрасил все цены по-другому, и я хотел бы знать, существует ли какой-либо автоматический способ сделать это, например, с помощью Javascript или просто с помощью специального правила CSS.

Альтернативой может быть вставка вручную всех цен в html-тег, например "<span class='price'>...</span>", но для меня это было бы плохо и скучно; -)

Спасибо

Answer 1

Ваш HTML на самом деле беспорядок, где очень сложно отследить вещи. Кажется, каждый абзац имеет свой собственный div - это нет-нет, тэг 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

Я делаю пример.На этой странице 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.

Что вы думаете об этом?

Answer 3

Есть ли какой-нибудь код, которым вы могли бы поделиться, чтобы мы могли видеть вашу ситуацию?Пока цены каким-либо образом отделены от остальных, вы можете сделать для него CSS-запись.

Кроме того, использование JS для форматирования страницы не рекомендуется, и вам не следует делать это, если вы действительно не хотитея не могу найти какой-либо другой способ получить доступ к той части страницы, которая вам нужна.

РЕДАКТИРОВАТЬ: я думаю, что вы могли бы сделать, это поиск любых чисел в тексте, используя JS, и обернуть его вокруг него.Тогда CSS сделает все остальное.Однако это может быть дорого, если вы не будете осторожны с тем, где вы ищете текст, и цифры не будут выделяться цветом для тех, у кого отключен JS.