Skip to main content
Corrigindo link quebrado
Fonte Link
Rafael Tavares
  • 5,2mil
  • 11
  • 31
  • 52

Esse seletor + em CSS é chamado de Adjacent sibling selector.

O sinal de + (Adjacent Selector) no cssCSS me lembra muito o método siblings do jQuery, que tem a finalidade de pegar um elemento irmão. No caso do cssCSS, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

Referências:

Esse seletor + em CSS é chamado de Adjacent sibling selector.

O sinal de + (Adjacent Selector) no css me lembra muito o método siblings do jQuery, que tem a finalidade de pegar um elemento irmão. No caso do css, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

Referências:

Esse seletor + em CSS é chamado de Adjacent sibling selector.

O sinal de + (Adjacent Selector) no CSS me lembra muito o método siblings do jQuery, que tem a finalidade de pegar um elemento irmão. No caso do CSS, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

Referências:

adicionou 7 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Esse seletor + em CSS é chamado de Adjacent sibling selector.

O sinal de + (Adjacent Selector) no css me lembra muito o método siblings do jQuery, que tem a finalidade de pegar um elemento irmão. No caso do css, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

Referências:

O sinal de + no css me lembra muito o método siblings do jQuery, que tem a finalidade de pegar um elemento irmão. No caso do css, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

Esse seletor + em CSS é chamado de Adjacent sibling selector.

O sinal de + (Adjacent Selector) no css me lembra muito o método siblings do jQuery, que tem a finalidade de pegar um elemento irmão. No caso do css, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

Referências:

adicionou 22 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

O sinal de ++ no css me lembra muito o método siblings do jQuery, que serve para podertem a finalidade de pegar um elemento irmão. No caso do css, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

O sinal de + no css me lembra muito o método siblings do jQuery, que serve para poder pegar um elemento irmão. No caso do css, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input precedido por um label tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

O sinal de + no css me lembra muito o método siblings do jQuery, que tem a finalidade de pegar um elemento irmão. No caso do css, representa um elemento subsequente (próximo) ao indicado anteriormente.

É útil, por exemplo, se você quer indicar que um input, quando estiver precedido por um label, tenha uma formatação diferente.

Veja o exemplo:

.teste-a{
  background:red;
  color:white;
}

label+.teste-a{
  background:blue !important;
}
<input class="teste-a">
<label>teste b</label>
<input class="teste-a">

Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920
Carregando