Olá! Não sei se consegui ser muito claro com o título da minha questão. Mas minha dúvida é com o seguinte código:
<div id="newsletter" class="col-sm-12">
<div class="news-title">
<i class="fa fa-envelope hidden-xs hidden-sm"></i>RECEBA OFERTAS E LANÇAMENTOS NO SEU E-MAIL!
</div>
<div class="news-input">
<input type="hidden" name="source" value="ecommerce">
<input type="text" name="name_news" placeholder="Digite seu nome" class="form-control input-lg">
<input type="email" name="email_news" placeholder="Digite seu e-mail" class="form-control input-lg">
<span class="input-group-btn">
<button type="button" class="btn btn-lg btn-newsletter" id="newseltter_send" data-loading-text="ENVIANDO...">ENVIAR</button>
</span>
</div>
</div>
Quero estar usando margin-bottom:10px;
em .news-title
apenas se existir o elemento input[name="name_news"]
.
Sei que tem como usar jQuery pra resolver isso, mas quero saber se tem como fazer usando apenas CSS. Tentei utilizar o seguinte parâmetro:
#newsletter > .news-title ~ .news-input > input[name="name_news"]
Porém não deu certo, pois ele dá a margem no elemento input. Espero que alguém possa me ajudar com isso, obrigado :D