クラス全体でチェックボックスの色を変更せずに、その色を変更するにはどうすればよいですか？

Question

チェックボックスのラベルのスタイルを変更する必要があります。

これは私のhtmlです：

<div class="ui-checkbox"> 
    <input id="keepMeInformed" type="checkbox" data-theme="d" onchange="fixCheckboxesValues();" checked="checked" value="1" name="optedIn"> 
    <label class="optional ui-btn ui-btn-icon-left ui-btn-corner-all ui-btn-up-d ui-checkbox-off" for="keepMeInformed" data-theme="d"> 
     <span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"> 
     <span class="ui-btn-text">Label text</span> 
     <span class="ui-icon ui-icon-shadow ui-icon-checkbox-off"></span> 
     </span> 
    </label> 
</div> 

私は、テキストを赤にする必要がありますが、私は.ui-BTN-テキストクラスのスタイルを変更する場合は、ページのすべてのボタンは、赤いテキストのスタイルを取得します。

.ui-btn-text{ 
    color:red; 
} 

チェックボックスのラベルの色のみを変更する方法はありますか？

編集：

function changeCheckBoxStyle() { 
    $('#checkBoxWrapper').find('[class=ui-btn-text]').css('color','red'); 
} 

を私はスコットのソリューションは、感謝

:)もOKに動作することを考える：

おかげでみんな私は、チェックボックスをラップとjQueryを書いたのdivを追加し、問題を解決しました

Answer 1

IDを正しく使用していると仮定すると（ページに固有）、これはうまくいくはずです：

#keepMeInformed + label .ui-btn-text { 
    color: red; 
} 

ユニークなinput要素keepMeInformedを探して、その隣に兄弟label要素を見つけ、そのラベルの.ui-btn-textクラス要素にのみスタイルを適用します。