Примените CSS к дочернему элементу, если родительский элемент содержит класс

#html #css

Вопрос:

Кажется, я не могу найти способ применить CSS к дочернему элементу родительского элемента, у которого есть динамический класс. См.Пример. Есть ли какое-нибудь решение этой проблемы?

 `https://jsfiddle.net/0yjn925g/`
 

Ответ №1:

  

[class^="wrapper-"] .username {background: red;} 
 <div class="wrapper-">
  <input class="username" type="text"/>
</div>

<div class="wrapper-a1">
  <input class="username" type="text"/>
</div>

<div class="wrapper-a2">
  <input class="username" type="text"/>
</div>