Проблема связана с выбора правильного класса в CSS

Question

У меня есть следующий HTML:

<table> 
    <tr class="gridItem"> 
     <td class="rcbReadOnly">    
     </td> 
    </tr> 
</table> 


<table> 
    <tr> 
     <td class="rcbReadOnly">      
     </td> 
    </tr> 
</table> 

Теперь я хочу, чтобы написать класс только для rcbReadOnly, который находится под тр с классом gridItem независимо я установить класс собственности в rcbReadOnly должны применяться только to td, который находится под tr с классом gridItem. Как я могу применить его? Благодаря

Answer 1

tr.gridItem td.rcbReadOnly означает td, имеющий classrcbReadOnly чей родитель tr имеющий classgridItem.

tr.gridItem td.rcbReadOnly{ 
    /* Properties here */ 
} 

DEMO here.

Answer 2

использовать это:

table tr.gridItem td.rcbReadOnly { 
    /* Put your style here */ 
} 

Однако, это будет соответствовать всем ТД с классом rcbReadOnly, которые внутри tr.gridItem, даже если они вложены в новую таблицу, как это :

<table> 
    <tr class="gridItem"> 
     <td> 
      <table> 
       <tr> 
        <td class="rcbReadOnly"></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Если вы хотите подобрать ч только те td.rcbReadOnly, которые находятся непосредственно в tr.gridItem, то вам придется использовать следующий селектор CSS:

tr.gridItem > td.rcbReadOnly { 
    /* Put your style here */ 
} 

Answer 3

делает эту работу?

tr.gridItem td.rcbReadOnly {} 

Answer 4

Вы можете попробовать с вложенности классов, указать стили tr с именем класса gridItem и тд с именем класса rcbReadOnly

tr.gridItem td.rcbReadOnly{} 

Answer 5

имя класса записи с gridItem.rcbReadOnly