使用CSS定位某些单词？

Question

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

所以，如果你有一个像某些内容的div ...

<div>£100.00 - BUY</div>

然后你可以定位“£100.00”，而不是针对其余的吗？

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

Answer 1

不，如果没有将所需文本包装在另一个元素中，通常是<span>，则无法完成。

Answer 2

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

jsFiddle example

<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价格的span将具有两倍于div的字体大小。