更改最后一个字母的风格在一个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

回答

相关问题