JavaScript. Как обратиться к подклассу определенного класса?

Дополняя ответ, заметил, что снизу предлагали вариант с >.

Да, он вполне имеет место быть, но! Не стоит забывать, что этот вариант всё-таки работает медленнее, и в целом в данной ситуации бессмысленен.

Конечно, разницу в скорости работы селлекторов в данной ситуации будет не заметить, но стоит учитывать, что некоторые селлекторы CSS медленнее. Если конкретно, то в таком порядке (сверху - самые эффективные и быстрее, снизу - самые медленные):

1. ID, e.g. #header
2. Class, e.g. .promo
3. Type, e.g. div
4. Adjacent sibling, e.g. h2 + p
5. Child, e.g. li > ul
6. Descendant, e.g. ul a
7. Universal, i.e. *
8. Attribute, e.g. [type="text"]
9. Pseudo-classes/-elements, e.g. a:hover