si en este ejemplo tenemos un estilo para h2 ~ p y otro diferente para h3 ~ p, tomará el último colocado en el css, correcto?

Giselle Desiree Boyer Jimenez

Giselle Desiree Boyer Jimenez

Pregunta
student
hace 5 años

si en este ejemplo tenemos un estilo para h2 ~ p y otro diferente para h3 ~ p, tomará el último colocado en el css, correcto?

8 respuestas
para escribir tu comentario
    Ricardo Alfonso Chavez Vilcapoma

    Ricardo Alfonso Chavez Vilcapoma

    student
    hace 2 años

    Acuérdate de que CSS trabaja con cascada y toma, si son de igual especificidad, igual selector o ambos, el último.

    Juan Gui Arenas

    Juan Gui Arenas

    student
    hace 3 años

    Hola, medio curisoidad tu pregunta acabo de notar que se aplican los dos estilos, pues son dos etiquetas diferentes h2 y h3 fueron afectadas, aqui hablan del hermano general que tengan los p

    <div> <h3>soy un h2</h3> <p>soy un p</p> <h4>soy un h3</h4> <p>soy un p</p> <p>soy un p</p> </div> h2 ~ p{ color:blueviolet; } h3 ~ p { color: blue ; }
    Jairo Andrés López Restrepo

    Jairo Andrés López Restrepo

    student
    hace 4 años

    General sibling abarca a todos los hermanos, aún si solo hubiera un h2 y el resto p. Aplicaría el código a todos los p hermanos de h2.

    JeanCarlos Atoche Pascual

    JeanCarlos Atoche Pascual

    student
    hace 4 años

    efectivamente

    Irving Juárez

    Irving Juárez

    student
    hace 4 años

    Me parece que va a tomar ambos, ya que no hay conflicto. Por ejemplo, puede que en un div haya un h2 lleno de párrafos, pero en otro div puede haber un h3 lleno de párrafos. Sin embargo, en un tercer div puede haber h3, h2 y párrafos. En todos los casos va a funcionar.

    Sergio Andrés Bolaños Penagos

    Sergio Andrés Bolaños Penagos

    student
    hace 4 años

    Así es, ya que estará más abajo y reescribirá el código

    CRISTIAN BARBERO PÉREZ

    CRISTIAN BARBERO PÉREZ

    student
    hace 5 años

    Efectivamente, a no ser que coloques más selectores junto a ellos y uno tenga mayor especificidad que el otro

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.