CSSセレクタ：特定のクラス名を持つ要素を選択する方法

Question

私は、ラベルを変更して動的なCSSスタイルを追加し、item.areaNoが変更されたときに入力要素を違うように表示させる考えがあります。私は正常に私のラベル要素class='1'を与えましたが、CSSクラスはセレクタを理解できませんでした。本当に正しいものを設定する方法を知る必要があります。

<ol class="cabin fuselage"> 
    <li class="row row--1"> 
     <ol class="seats" type="A"> 
      <li class="seat"><input type="checkbox" id="01-01" /> 
       <label for="01-01">01-01</label></li> 
      <li class="seat"><input type="checkbox" id="02-01" /> <label 
       for="02-01">02-01</label></li> 

これは、

.seat label.1{background: #50bdc9;}

と私のCSS、

ロニーSiikaluoma

解決

$.getJSON("gametransfer.controller", function(json) { 
     $.each(Object.values(json), function(i, item) { 
      console.log(item) 
      var aa = '#' + item.seatNo; 
      if ($('.seat>input').is(aa)) { 
       if (item.attr == true) { 
        $(aa).prop('disabled', true);            
       } 
       $(aa).siblings('label').addClass('1'); 
      }/*end of outer if */       
     }); 
    }); 

BY https://codepen.io/siiron/pen/MYXZWg両方の参照私のJSPである：これらの試みの全て失敗すべての商品と一緒に戻ってください。 stラベル要素。

Answer 1

子（li.seat）の場合は、forループを使用してラベルを1つずつ見つけ、ラベルごとに異なるCSSを置くことができます。私はそれが仕事だと願っています。