Selector hijo
El selector hijo lo utilizaremos para seleccionar sólo los descendientes directos (sólo hijos, no habrá nietos ni sucesivos) del primer elemento especificado. Para ello utilizaremos el símbolo >.
form > .btn{
border-radius: 5px;
background-color: darkcyan;
color: white;
}
.btn{
margin: 2px;
}
Utilizando este selector, en el HTML anterior estaremos seleccionado sólo las clases .btn que sean hijos directos de form, pero no los nietos, etc.