Изменить стиль последнего письма в DIV

У меня есть эта структура и у меня нет доступа, чтобы изменить разметку, так что я искал решение JQuery для этого:Изменить стиль последнего письма в DIV

<p>Get a<strong><span>10%</span>discount</strong>in your first buy</p>

Что мне нужно 10 в пролете должно быть font-size:30px и % в пролете должно быть 18px.

Я просто поставить это:

.p strong span{ 
    font-size: 30px; 
}

strong и p уже есть стили, так что я не могу изменить его.

Но я не могу стиль % таким образом. Любые идеи о том, как получить последнее письмо? Опять же, у меня нет доступа к модификации структуры, поэтому любой другой тип решения будет оценен.

источник

2014-10-28 codek

Оберните% внутри другого 'span' с процентом класса и установить' шрифта size' к нему. –

css не имеет очень сильных возможностей подстроки. используйте javascript для разрыва строки и оберните% в другом '' и поместите в нее некоторые классы/стили. –

Как я могу обернуть% в другом диапазоне? – codek

Вы можете сделать что-то подобное, чтобы динамически добавлять интервал процентов:

$('p strong span:contains(%)').html(function (i, text) { 
 
    return text.replace('%', '<span class="percent">%</span>'); 
 
});

p strong span { 
 
    font-size: 30px; 
 
} 
 
p strong span .percent { 
 
    font-size: 18px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<p>Get a <strong><span>10%</span> discount</strong> in your first buy</p>

источник

2014-10-28 16:30:07 dfsq

Отлично! Спасибо! – codek

Изменить стиль последнего письма в DIV

ответ

Смежные вопросы