Foros del Web » Creando para Internet » CSS »

:not(:last-child) no me esta ignorando el ultimo

Estas en el tema de :not(:last-child) no me esta ignorando el ultimo en el foro de CSS en Foros del Web. El primero ignora al primer input, pero el segundo no ignora al ultimo, ¿es un bug de firefox en ubuntu? en chrome de Android tambien ...
  #1 (permalink)  
Antiguo 25/11/2015, 14:55
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
:not(:last-child) no me esta ignorando el ultimo

El primero ignora al primer input, pero el segundo no ignora al ultimo, ¿es un bug de firefox en ubuntu? en chrome de Android tambien me pasa

Código:
.form-group>input:not(:first-child){border-top-left-radius: 0; border-top-right-radius: 0;}
Código:
.form-group>input:not(:last-child){border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  #2 (permalink)  
Antiguo 25/11/2015, 23:54
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: :not(:last-child) no me esta ignorando el ultimo

Amigo, Recuerda:
La pseudo-clase :first-child representa cualquier elemento que sea el primer elemento hijo del elemento padre.

No entiendo que quieres hacer exactamente, pero no seria algo asi?
http://codepen.io/AngelKrak/pen/XmLpWz
  #3 (permalink)  
Antiguo 26/11/2015, 05:56
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Respuesta: :not(:last-child) no me esta ignorando el ultimo

Estoy usando bootstrap y mi intención es la siguiente:

quiero poner todas las esquinas a radio 0, omitiendo, las superiores del primer input, y las inferiores del último

al combinar :not(:first-child) indico que quiero cambiar todos menos el primero
al combinar :not(:last-child) indico que quiero cambiar todos menos el último, pero me cambia todos

CSS:
Código:
		.form-group>input:not(:first-child){border-top-left-radius: 0; border-top-right-radius: 0;}
		.form-group>input:not(:last-child){border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
Primer input en el navegador:
Código:
.form-group > input:not(:last-child) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
Último input en el navegador:
Código:
.form-group > input:not(:last-child) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.form-group > input:not(:first-child) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
Código HTML:
 <form method="post" class="form-horizontal form-group" style="margin:auto; max-width:250px;">
		<input name="user" type="text" class="form-control" placeholder="Usuario" value="<?= $user ?>">
		<input name="pass" type="password" class="form-control" placeholder="Contraseña">
		<br>
		<button type="submit" class="btn btn-default btn-block">Entrar</button>
	</form> 
Parece que me esta incluyendo el br y el buttom porque sin ellos me esta funcionando
Código HTML:
 <form method="post" class="form-horizontal form-group" style="margin:auto; max-width:250px;">
		<input name="user" type="text" class="form-control" placeholder="Usuario" value="<?= $user ?>">
		<input name="pass" type="password" class="form-control" placeholder="Contraseña">
	</form> 

Última edición por quico5; 26/11/2015 a las 06:10
  #4 (permalink)  
Antiguo 26/11/2015, 06:43
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Respuesta: :not(:last-child) no me esta ignorando el ultimo

He decidido solucionarlo dejando el submit fuera del formulario ¿Esta opción es de HTML5?

Código HTML:
 <form method="post" id="login" class="form-horizontal form-group">
		<input name="user" type="text" class="form-control" placeholder="Usuario" value="<?= $user ?>">
		<input name="pass" type="password" class="form-control" placeholder="Contraseña">
	</form>
	<button type="submit" form="login" class="btn btn-default btn-block">Entrar</button> 

Última edición por quico5; 26/11/2015 a las 07:44

Etiquetas: ultimo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:47.