0

我正在尝试执行以下操作：

我已经为我的产品设置了许多 Magento 属性，我想在名为“颜色”的属性旁边显示一个图标，并将一个 alt 标签附加到这个图标/图像。我的主题将每个属性都设置为 dt 标签，因此我尝试应用的 css 如下：

dt[foo^="Color:"]{background: url(http://xyz.com/skin/frontend/default/default/images/warning.png) no-repeat 100% 0%;}

这是标记： <div class="white-box-inner">' '<dl class="attribute-list clearfix">``<dt class="first">Size:</dt>``<dd class="first">21</dd> <dt>Manufacturer:</dt>``<dd>Hat Designs</dd>``<dt>Color:</dt> <dd>Red</dd>``<dt>Fabric</dt> <dd>Felt</dd> </dl> </div>

  • 但是，这不会显示我想要出现的图标。
  • 我也不确定如何通过 css 将 alt 标签与此图标关联。我宁愿不要弄乱模板文件。任何帮助表示赞赏。

谢谢。-TM值

4

1 回答 1

0

从您的标记看来，您正试图通过其内容选择一个元素。属性选择器仅按属性选择；他们不按内容选择。

本来会有一个:contains()伪类，但它从规范中删除了，所以你不能再使用 CSS 选择器来做到这一点。

但是， jQuery 实现:contains()了 ，因此您可以简单地使用 jQuery 添加一个类并设置该类的样式。

此外，您不能将 alt 文本或工具提示与 CSS 中的背景图像相关联。您将不得不通过 JavaScript 路线来实现这一点。

于 2012-05-24T20:33:02.547 回答