Editar distinto elemento con hover, active, focus... etc

[yonineitor]

Buen dia,
Haber si puedo explicarme.

Es posible editar otro elemento desde css si ocurre algun evento por ejemplo :focus

Si tengo lo siguiente:
<input type="text">
<button> boton despues de inpu</button>

input:focus{

button{
editar estilos del button
color:red;
}
}


Actualmente eso lo realizo por javascript
$("input").focus(funciton....- etc.... )

Existe alguna manera de que permanezca desde el css


Saludos,

[pzin]

Si son elementos descendientes, hermanos siguientes o descendientes de estos sí.

Por ejemplo puedes usar, en caso de hermanos, los selectores ~ o+. Algo así:

Código CSS:

input:focus + button {}
 

Usa highlight cuando publiques código.

[yonineitor]

increíble justo lo que necesitaba :)

y yo llenando de JS por todos lados jaja

entonces el + es para el elemento siguiente
y el ~ es para el elemento anterior si no me equivoco.

existe uno para el elemento padre por ejemplo lo tengo dentro de un form
form
input
button

pudiera ser algo asi:
input:focus padre form{

}


muchas gracias!!!

[mbm150]

Hola,

aquí están todos: http://www.w3schools.com/cssref/css_selectors.asp.

No hay ninguno para el padre ni el anterior, el ~ es para los hermanos y el + solo para el hermano mas cercano.

Saludos.