CSSでラジオボタンのフォントを動的に変更できますか？

Question

私はjquery（How do I get javascript to run more than once?）でこれをやろうとしていましたが、CSSを使って簡単に行うことができる人もいます。今私は、ラジオボタンが選択されると、下に見られるように、ezで選択されたクラスを動的に追加および削除するJSを持っています。これは、ボタンをイメージに置き換えるために使用されます。

CSSを使用する方法はありますか.ezで選択したクラスを追加すると、spanタグのテキストが太字になり、ezで選択されたクラスが削除されたときに太字が削除されます。私はショッピングカートのソフトウェアでコード化されているので、HTML構造を変更することはできません。ありがとう！

EDIT：入力に最も近いスパンのスタイルを設定できるCSSセレクタはありますか？私は知っている+別の要素の直後に要素を選択することができますが、そのスパンが別のdivにある場合でも、チェックされたラジオボタンの後に次のスパン要素を選択する方法がありますか？

<div class="row"> 
     <input name="TXT870" type="hidden" value="Option 1"> 
     <div class="col-xs-2"> 
      <div class="ez-radio (ez-selected)"> 
       <input class="clearBorder ez-hide" name="CAG3" onclick= 
       "javascript:document.additem.CAG3QF1.value='1'; CheckPreValue(this, 2, 0);" 
       type="radio" value="870_625_0_625"> 
      </div><input name="CAG3QF1" type="hidden" value="0"> 
     </div> 
     <div class="col-xs-7"> 
      <span>Option 1</span> <input class="transparentField" name= 
      "CAG3TX1" readonly size="14" type="text" value=" - Add $5.00"> 
     </div> 
    </div> 

Answer 1

.ez-selected divが...あなたがすることはできませんので、NO ...スパンの前の兄弟や親ではありません。この構造

<div class="row"> 
     <input name="TXT870" type="hidden" value="Option 1"> 
     <div class="col-xs-2"> 
      <div class="ez-radio ez-selected"> 
       <input class="clearBorder ez-hide" name="CAG3" onclick= 
       "javascript:document.additem.CAG3QF1.value='1'; CheckPreValue(this, 2, 0);" 
       type="radio" value="870_625_0_625"> 
      </div><input name="CAG3QF1" type="hidden" value="0"> 
     </div> 
     <div class="col-xs-7"> 
      <span>Option 1</span> <input class="transparentField" name= 
      "CAG3TX1" readonly size="14" type="text" value=" - Add $5.00"> 
     </div> 
    </div> 

あなたが最初のDOMを移動しなければならない、あなたはCSSと思ったまさにだというparent selector