Scribd
Cargar
20 vistas14 páginas

Selección de Elementos en CSS y HTML

El documento detalla una serie de ejercicios de selección de elementos en HTML y CSS, utilizando diferentes métodos como clases, IDs y selectores avanzados. Se mencionan técnicas específicas como nth-child, first-child, y selectores negados para manipular elementos en una estructura de tabla. Además, se explican ejemplos de selección de elementos específicos como manzanas y naranjas dentro de clases y divs.

Cargado por

javiennyescalona14
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
20 vistas14 páginas

Selección de Elementos en CSS y HTML

El documento detalla una serie de ejercicios de selección de elementos en HTML y CSS, utilizando diferentes métodos como clases, IDs y selectores avanzados. Se mencionan técnicas específicas como nth-child, first-child, y selectores negados para manipular elementos en una estructura de tabla. Además, se explican ejemplos de selección de elementos específicos como manzanas y naranjas dentro de clases y divs.

Cargado por

javiennyescalona14
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

David Santiago Fuquene

Nicolas Martinez Valenzuela

Juliana tique ortiz

1 en el primer ejercicio nosotros seleccionamos el elemento plate el cual estaba dentro del clase
table.

2. Seleccionamos el elemento bento el cual estaba dentro de la clase tabla.


[Link] este nosotros seleccionamos el plato ya que entro de esta esta el elemento manzana.

[Link] la clase Fancy en donde estaba ubicado el pepinillo el cual necesitamos para
solucionar el problema.
[Link] el .small, para seleccionar la clase de la manzana.

5. Utilizamos el # para llamar a la id Fancy.

9. Seleccionamos el elemento que están dentro del el div llamado table para poder resolver el
ejercicio
8. Llámanos a bento para especificar a las naranjas pequeñas.

10. Para seleccionar todos los elemento que se encuentran dentro del la clase table ponemos *
7. Para llamar a la naranja pequeña, invocamos el elemento [Link].

11. Utilizamos * para llamar todos los elementos plate.


12. Utiliza los elementos apple y Orange, para muestren todos sus contenidos.

13. Lo utilizamos para seleccionar todos los elementos posteriores a bento utilizando~.

[Link] el signo > para relacionar el elemento directamente relacionado con el hijo
[Link] nth-child(3) para seleccionar los elementos que queremos utilizar por ejemplo de
cuatro platos 3.

15 usamos fisrt para seleccionar el primer hijo de los elementos


16 usamos el only child que se usa para seleccionar un único elemento de la clase

17 usamos el last child para seleccionar el ultimo elemento de una clase


19usamos el nth para ver exactamente con el () una posición en una clase

20 usamos el first of type para seleccionar el primer elemento entre otro en una clase

21 usamos el nth of type para seleccionar un orden par con los paréntesis()
22 usamos el nth of type con (2n+3) para empezar a contar y el 2 en cuanto en cuanto iba

23 usamos only of type para seleccionar un único elemento

25usamos empty para un elemento que no este dentro de otro


26 usamos :not() para no incluir elementos no deseados

27 usamos for para seleccionar la clase


28 usamos for con [] para seleccionar todos los elementos con esa clase

[Link] el for que es el nombre de la clase al la cual tenemos que seleccionar los elementos
con el respectivo argumento.
[Link] las(for =sam) for que es la clase sami que es el argumento.

31.*for$=”ato” Utilizamos el for que es la clase en donde esta ubicada el argumento.


[Link](for*=”o”) Utilizamos el * para seleccionar todos los elementos del for y que tengan o
argumento

También podría gustarte