Una pregunta en esta regla css: <code>.carousel__item:hover~.carousel__item { transform: translate3d(100px, 0, 0); } </code> La vergu...

Jesus Manuel Hernandez Diaz

Jesus Manuel Hernandez Diaz

Pregunta
studenthace 5 años

Una pregunta en esta regla css:

.carousel__item:hover~.carousel__item { transform: translate3d(100px, 0, 0); }

La verguliña (~) indica que se le aplique esa regla cssa los elementos que esten despues del elemento que se le hizo hover?

5 respuestas
para escribir tu comentario
    Luis Lazcano

    Luis Lazcano

    studenthace 5 años

    @cdsbarrera22, la verdad es que si deja bastantes dudas cuando lo intente tomar al principio me costo bastante seguir el paso al curso pero lo que me funciono a mi fue pararlo y realizar la carrera de Arquitecto Frontend.

    La forma de seguir los comentarios es en la campana de comentarios.

    Revisa mi comentario anterio de la funcionalidad del selector que mencionas.

    Cristian David Sierra Barrera

    Cristian David Sierra Barrera

    studenthace 5 años

    También no sé cómo hacen ustedes para hacer seguimiento de sus preguntas, hay qué estar revisando los links de las preguntas para ver si alguien responde?

    Cristian David Sierra Barrera

    Cristian David Sierra Barrera

    studenthace 5 años

    Yo no entiendo por qué los elementos .carousel__item:hover van después de los .carousel__item. Siempre es así? Me parece que al curso le falta explicar muchos porqués, para aprender se necesita el por qué también.

    Luis Lazcano

    Luis Lazcano

    studenthace 5 años

    El selector indica que esa regla aplicara para todos los .carousel__items que estén después de .carousel_item que se les haya hecho :hover.

    Jaime David Burbano Montoya

    Jaime David Burbano Montoya

    studenthace 5 años

    La verguliña se usa para seleccionar todos los elementos que estan precedidas por el otro elemento.

    Por ejemplo, la ~ es para seleccionar todos los elementos .carousel__item:hover que estén después de .carousel__item. Puedes ver con mayor detalle la documentación, aquí https://www.w3schools.com/cssref/css_selectors.asp

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!