Tengo un componente principal en cada página, que es Navbar, y tengo otro componente, que es una página para contactarnos. Quiero hacer un fondo para un componente que nos contacte, pero no afecta la barra de navegación. Además, si le doy a la etiqueta del cuerpo la imagen de fondo, todos los demás componentes tomarán el mismo fondo que la foto porque se lo doy al cuerpo. que puedo hacer en este caso
Tienes que envolver cada componente en un div diferente.
<div> Navbar </div> <div style={{backgroundColor: 'color here'}}> Contact us </div>Estilo dentro del div o agregue un nombre de clase y estilo en un archivo separado con CSS:
<div className="yourClass"> Contact us </>y en un archivo .css separado:
.yourClass { background-color: 'color name'; }Pregunta HTML simple, solo aplique la clase a solo uno de sus elementos y no los anide.
<containing-element> <navbar /> <contact-page className="contact" /> </containing-element> Luego puede .contact
.contact { background-color: #FF0000; }