Сообщений в теме: 2

[techweb]

Ситуация - с помощью Элемента ImageBox иконки, создал 2е иконки и хочу через css развести их в Тизере по разным углам сверху основной картинки, но там одинаковые классы "gboxicon":

 <div class="gboxicon"><img src="/images/sale.png" title="Sale" width="50" height="50"></div>
 <div class="gboxicon"><img src="/images/new.png" title="New" width="80" height="42"></div>

как сделать для первого класса gboxicon1 и для второго gboxicon2 ... ?
что править и где?

[CB9TOIIIA]

nth-child не подходит?

[mmth]

Ситуация - с помощью Элемента ImageBox иконки, создал 2е иконки и хочу через css развести их в Тизере по разным углам сверху основной картинки, но там одинаковые классы "gboxicon":

 <div class="gboxicon"><img src="/images/sale.png" title="Sale" width="50" height="50"></div>
 <div class="gboxicon"><img src="/images/new.png" title="New" width="80" height="42"></div>

icons_box.png

как сделать для первого класса gboxicon1 и для второго gboxicon2 ... ?
что править и где?

Вот Вам пример с путем решения: https://jsfiddle.net/noz8z8bz/

.gboxicon img[title='Sale'] {...} 

По факту, использовать можно вариант СВЯТОШИ, но у него есть минус, что если первой метки не будет, то вторая, будет вести себя как первая.