更改最後一個字母的風格在一個div

Question

我有這樣的結構，我沒有進入修改標記，所以我找一個jQuery解決這個：

<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已經有風格，所以我不能修改它。

但我不能以這種方式設計%。關於如何獲得最後一封信的任何想法？再一次，我無法修改結構，所以任何其他類型的解決方案將不勝感激。

Answer 1

你可以做這樣的事情，以動態地添加百分之跨度：

$('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>