更改最後一個字母的風格在一個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'設置它。 – 2014-10-28 16:26:45

css沒有很強的子串功能。使用javascript來撕開字符串並在另一個''中包裝％，並在這些字符串上放置一些類/樣式。 – 2014-10-28 16:26:51

如何將％包裝在另一個跨度中？ – codek 2014-10-28 16:27:46

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

$('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 2014-10-28 16:33:35

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

回答

相關問題