html - 替代跨度

Question

基本上我有一些讨厌的标记:

<td colspan="2">
  <strong class="ajax_cart_quantity">8</strong>
    items
  <strong class="ajax_cart_total">
    271,60 $
  <span class="price-2"> (210,66 €)</span>
  </strong>
</td>

我对代码进行了格式化，以便于阅读。这是我的问题:我需要给 .price-2 一些样式(较小的字体)。

我不能做什么:使用类或属性，因为总值是通过 ajax 更新和刷新的，并且将类属性赋予 span.price-2 会分解 json。

我能做的:将次要价格包装在一些没有类和属性的独特元素中。

核心 css 中已经有一些以第二个价格为目标的选择器 table span。所以基本上我需要想出一些其他内联元素行 span，这样我就可以为 price 2 创建自己的样式选择器。

我也需要与旧版浏览器兼容的东西。谢谢你

Answer 1

就我个人而言，我会使用 <em>或 <small> .它们既有效又得到充分支持，此外它们还传授了一些自己的风格，这可能很有用。

但您甚至不需要替换 - 只需使用 span 没有类并在 CSS 中以不同的方式定位它:

.ajax_cart_total span {font-size:0.8em;}