Как поменять цвет фона первого span?

Question

[smoklew]

Каким образом можно выборочно поменять цвет фона у span'ов?
Не получается: https://jsfiddle.net/bqe2om5z/

<?php foreach ($option['product_option_value'] as $option_value) { ?>
                  <label>
                   <input type="radio"
                          id="choose" 
                          name="option[<?php echo $option['product_option_id']; ?>]" 
                          value="<?php echo $option_value['product_option_value_id']; ?>" />
                      <span class="choose-input-<?php echo $option['product_option_id']; ?>"
                            title="<?php echo $option_value['name']; ?>">
                        <?php echo $option_value['name']; ?>
                      </span>
                  </label>
<?php }?>

-

-

Answer 1

[khipster]

Ну например: label:first-child > span {...}
Сложно посоветовать что то дельное не видя всей картины.

Comments

[smoklew]

я же ссылочку кинул...

[khipster]

smoklew: По-моему ты немножко не понимаешь как first-child работает :) https://jsfiddle.net/bqe2om5z/1/

[Arris]

vladislav tu: вас не затруднит объяснить логику продемонстрированного решения?

И да, ссылочка была.

[smoklew]

khipster: хм, в jsfiddle я скинул 2 label с 2 span , но на самом деле span'ы у меня выводятся с помощью БД , каким образом - отредактировал задание.

[khipster]

smoklew: Под всей картиной я имел ввиду именно разметку, ну да ладно, если работает то все ок.

[smoklew]

khipster: нет, не работает)

[smoklew]

khipster: в jsfiddle работает... но у меня в коде нет)

[khipster]

smoklew: Почему не работает? Работает же :)

[smoklew]

khipster: щас добавлю картинки, моего кода и то что получается на сайте.

[khipster]

smoklew: Так попробуй: https://jsfiddle.net/bqe2om5z/3/

[smoklew]

khipster: добавил фото.

[smoklew]

khipster: заработало)

Answer 2

[Дмитрий]

1) id - уникальный
2) так? https://jsfiddle.net/soledar10/4489nmr8/

Comments

[smoklew]

нет, не уникальный)

[Дмитрий]

т.е не уникальный, в отличие от классов идентификаторы должны быть уникальны, иными словами, встречаться в коде документа только один раз.

Answer 3

[Stroy71]

Как вариант, задать каждому выбранному span-y свой класс или id.