Question

我试图做到以下几点:

我为我的产品 & amp 设置了一些 Magento 属性; 我想在名为“ 颜色” 的属性旁边显示一个图标, 并在此图标/ 图像上附加一个 Alt 标记。我的主题将每个属性都设置为 dt 标记, & amp; 因此, 我试图应用的 cs 如下 :

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

and here is the markup: <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>

This however does not display the icon I d like to appear.
I m also not sure how to have an alt tag associated with this icon either via css. I d rather not mess with the template files. Any help is appreciated.

Thanks. -TM

Answer 1

从标记上看,它似乎正在试图根据内容选择元素。属性选择器仅根据属性选择; 它们不根据内容选择。

本来会有一个 < code> : contains () 伪类, 但从规格中删除了, 所以您不能再使用 CSS 选择器这样做。

jQuery 执行 :contains () ,这样你就可以简单地使用 jQuery 添加一个类和样式。

此外,您无法将alt 文本或工具提示与 CSS 中的背景图像联系起来。您需要通过 JavaScript 路径才能做到这一点。

友情链接