Solo quería asegurarme de que lo siguiente no es posible en CSS, y que de hecho tengo que usar Js para esto (no puedo pensar en ninguna forma de hacerlo en CSS). Digamos que tienes este marcado:

 <div id="first" class="first-container"> <label for="field-one">First Field</label> <input type="text" id="field-one" required=""/> </div> <p id="second" class="subsquent-container"> </p>

Lo que quiero hacer es #second de una manera específica solo si #field-one tiene el atributo required="" .

Actualmente, la mejor manera de hacer esto que se me ocurre es escanear todo el .first-container de la página en javascript, verificar si su elemento secundario input tiene el atributo required="" y, de ser así, agregar una clase al siguiente .subsequent-container .

¿Alguien ve un CSS - única solución? Definitivamente sería preferido. Nota: este problema se debe a la forma en que un software genera un marcado constante; así que cambiar el marcado no es una opción (lo sé, lo sé...).