0

¿Cómo puedo hacer que todo section esté de un solo color?

Este es mi código:

<section class="offset-lg-1 col-lg-10" style="background: #432345">
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#"><br>Sala de Cómputo</br>
      ITO</a>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
      </ul>
      <form class="form-inline my-2 my-lg-0">
        <span id="ip_field"></span>
      </form>
    </div>
  </nav>
</section>

Estoy tratando de hacer que section tenga un fondo de color en específico pero lo que tengo dentro de section no toman ese color

pongo el fondo de un color pero las demás etiquetas están encimadas

6
  • como puedo hacer que todo section esté de un solo color ??? el 28 ene. 2019 a las 20:49
  • Pedro, debes redactar una buena pregunta. Lee: es.stackoverflow.com/help/how-to-ask. y edita la pregunta. el 28 ene. 2019 a las 20:53
  • los bg- de bootstrap no te sirven? el 29 ene. 2019 a las 21:09
  • He tratado pero tampoco, me sigue apareciendo lo mismo el 30 ene. 2019 a las 16:58
  • Ya pude amigo, la razón es que ya estaba utilizando un bg (bg-light) por eso no podía apenas me di cuenta gracias. el 30 ene. 2019 a las 18:05

2 respuestas 2

0

Añade esto a tu css

section > * {
    background: #432345;
}

ya si quieres a un solo section en especifico agrega una clase al section y luego haces referencia

section.clase > * {
    background: #432345;
}
1
  • No me muestran los cambios, lo hay dentro de section no cambian de color el 30 ene. 2019 a las 16:46
0

Como te mencionan arriba puedes crear una clase y posteriormente hacer referencia a ella dentro de tu css, aunque si esto no te resulta también puedes intentar utilizando el atributo id en el section al que quieres dar estilo. Esto sería así, revisa el id="section-style" del html:

        <section class="offset-lg-1 col-lg-10" id="section-style">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
          <a class="navbar-brand" href="#"><br>Sala de Cómputo</br>
          ITO</a>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">         
            </ul>
            <form class="form-inline my-2 my-lg-0">
                <span id="ip_field"></span>
            </form>
          </div>
        </nav>
    </section>

y en css sería algo como esto:

#section-style{
    background-color: #432345;
    }
2
  • No me funciona amigo, lo que tengo dentro de section sigue sin ponerse de ese color. el 30 ene. 2019 a las 16:42
  • Puedes utilizar los selectores con hijos, por ejemplo para el caso del nav: #section-style > nav{ background-color: #432345; } y despues puedes seguir con los demas elementos si quieres por ejemplo para el div #section-style > nav{ background-color: #432345; }
    – Robert_Rmz
    el 31 ene. 2019 a las 1:08

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.