Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/11/2015, 05:56
quico5
 
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