css - 使用 CSS 定位某些词？

Question

这是一个理论问题，但我想知道这是否可能。

因此，如果您有一个包含某些内容的 div，例如...

<div>£100.00 - BUY</div>

然后，您能否定位“100.00 英镑”而不定位其余部分？

所以你可以增加 100.00 英镑的字体大小？

Answer 1

不，如果不将所需文本包装在另一个元素（通常是<span>.

Answer 2

您可以通过将其包装在一个span元素中来定位它：

jsFiddle 示例

<div><span class="price">$100.00</span> - BUY</div

Answer 3

你可以用这个

<div><span id="price">£100.00</span> - BUY</div>

CSS

#price {  
 font-size: 2em; // double of the current font  
}  

div {  
font-size: inherit; // get the font-size from the browser or the document.  
}

这将为 div 提供一个默认的字体大小，但带有 id price 的 span 的字体大小将是 div 的两倍。