Selector hijo

<< Selector descendiente Selector hermano adyacente >>

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.

<< Selector descendiente Selector hermano adyacente >>