Selecciones mixtas

<< Prioridad de selectores Background >>

Es posible utilizar varias clases en un mismo elemento HTML, para ello cada clase irá separada por espacios dentro del atributo class. De esta forma, a dicho elemento se le aplicará los estilos de cada una de las clases que tenga asignada.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejemplo selectores</title>
    <link rel="stylesheet" href="selectores.css">
</head>
<body>
    <form action="#" method="post">
        <button class="btn btn-page">Atrás</button>
        <button id="sig" class="btn btn-page">Siguiente</button>
        <button class="btn btn-cancel">Cancelar</button>
   </form>
   <p class="btn">Botón</p>
</body>
</html>

<< Prioridad de selectores Background >>