應用條件CSS選擇器的Magento atrribute

Question

我努力做到以下幾點：

我已經設置了屬性我的產品&一些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

Answer 1

從您的標記看起來好像您試圖通過其內容選擇一個元素。屬性選擇器只能按屬性選擇;他們不按內容選擇。

將會有一個:contains()僞類，但它已從規範中刪除，因此您無法再使用CSS選擇器來執行此操作。

jQuery implements :contains()，但是，所以你可以簡單地使用jQuery來添加一個類和風格的類。

此外，您不能將ALT文本或工具提示關聯到CSS中的背景圖像。你將不得不通過JavaScript路線來實現這一點。