Переведите эту строку мне

Question

<style> 
    body .bPageBlock .pbBody .red .pbSubheader { 
     background-color:#cA0BBC; 
    } 
    body .bPageBlock .pbBody .grey .pbSubheader { 
     background-color:#c0c0c0; 
    } 
</style> 

Как вы это читаете? это читается как: pbSubheader внутри красного внутри pbBody ... и т. д.?

Позже в коде, автор использует

styleClass="red" 

Я не понимаю его.

Answer 1

В попытке дать ответ на вопрос (а не комментарий):

Ваш селектор идентифицирует элемент или элементы с классом pbSubheader внутри элемента с классом red внутри элемента с классом pbBody внутри элемент с классом bPageBlock внутри body элемент.