Buenas,

Tengo una situación algo así:

<div class="miclase"> 
  <p>Aqui puedes hacer retos para ganar premios</p> 
  <button>De acuerdo</button> 
</div>

Y a través de CSS le estoy dando estilo a todo el div. El problema es que el botón no me está cogiendo el estilo porque se está aplicando el CSS por defecto para un botón (es decir, me aparece el típico botón gris por defecto). Entonces, quisiera que mi estilo del div afectase también a mi botón.

Os dejo una foto donde se ve perfectamente:



¿Alguien sabe cómo solucionarlo?  

Gracias.

Prueba a hacer click en la imagen 

Facil, en tu hoja de estilo donde dice ".miclase{..." ponle ".miclase, .miclase button{..." eso hará que el estilo de .miclase también afecte a button dentro de la clase "miclase" debido a que hereda.

De todas maneras eso es una muy mala práctica, normalmente debe haber un estilo para la division y otra para el boton y ambos con estilos distintos, si quieres que el boton tenga el mismo color de fondo que la division entonces debes darle un background-color transparent al igual que la propiedad border. y hacer esto para estado normal, :hover, :pressed, :focus y :active, recuerda que para cada estado un botón tiene diferentes estilos.

Saludos.