En CSS, hay varias propiedades utilizadas donde algunas propiedades son universales, y algunas se usan en varios selectores. Sin embargo, si los usuarios quieren peinar los elementos en función de su posición en un grupo, como una posición par o impar, CSS ": nth-child ()Se utiliza el selector que define si el elemento es uniforme o extraño.

Esta publicación explicará el método para diseñar los elementos pares y extraños en CSS.

Cómo peinar los elementos uniformes y extraños?

La sintaxis para el estilo de los elementos uniformes o impares se menciona a continuación:

li: enésimo hijo (impar/par)
Propiedad CSS

Ahora, intente el procedimiento dado para diseñar los elementos pares y extraños en un contenedor "div".

Paso 1: Insertar encabezado

Agregue un rumbo con la ayuda del "

"Etiqueta e inserte el texto entre la etiqueta de encabezado. El "

"Define el encabezado de nivel uno.

Paso 2: crear un elemento "div"

Crear un "div"Contenedor con la ayuda del""Elemento y asignarlo"clase"Atributo con un nombre específico.

Paso 3: Agregar lista

Agregar "

"Etiqueta para enumerar el elemento:

Creadores de contenido de Linuxhint

Discordia

HTML/CSS

javascript

Git

Estibador

Windows

Producción

Paso 4: Lista de estilo

Ahora, acceda al "div"Elemento usando la clase asignada".lista de estilo"Y aplique las propiedades que cotizan a continuación:

.Lista de estilo
borde: 5px sólido RGB (17, 241, 241);
margen: 50px;
relleno: 20px;

Aquí:

• "borde"Define un límite o contorno para un elemento.
• "margen"Asigna un espacio alrededor del límite definido del elemento.
• "relleno"Especifica el espacio dentro del borde:

Paso 5: Elementos impares de estilo

Para peinar los elementos impares en el contenedor, primero, acceda a los elementos antiguos utilizando el "Li: enésimo hijo (extraño)". El "enésimo Child ()"Es un selector que coincide con cada elemento enésimo hijo de su padre, donde"norte"Puede ser un número o palabra clave (impar o incluso) elemento. Luego, aplique las propiedades de la lista a continuación:

li: enésimo hijo (impar)
tamaño de fuente: 20px;
Antecedentes: RGB (12, 189, 233);
color blanco;

Aquí el "tamaño de fuente"Especifica el tamaño de la fuente",fondo"Establece el color del fondo y"colorLa propiedad se utiliza para especificar el color del texto.

Se puede observar que los elementos impares se han diseñado utilizando las propiedades CSS:

Paso 7: Elementos de estilo de estilo

Para peinar los elementos uniformes, acceda a los elementos uniformes utilizando el "Li: enésimo hijo (incluso)". Luego, aplique las propiedades de CSS de acuerdo con su preferencia. Por ejemplo, el "tamaño de fuente","fondo", y "color" son usados:

li: enésimo hijo (incluso)
tamaño de fuente: 20px;
Antecedentes: RGB (167, 235, 10);
Color: RGB (238, 15, 15);

Producción

Además, el usuario puede aplicar CSS en elementos pares y impares para diseñarlos:

Te hemos enseñado cómo diseñar incluso elementos extraños.

Conclusión

Para peinar los elementos pares y extraños, cree un ""Y agregue elementos en forma de lista utilizando el"

" etiqueta. Luego, acceda a los elementos par o impar utilizando el "Li: nth-child ()"Y donde el"enésimo Child ()"Selector compara todos y cada uno de los elementos de un enésimo hijo con su padre. El "norte"Puede ser una palabra o número clave, ya sea par o impar o impar. Luego, aplique propiedades CSS como "tamaño de fuente","color", y "fondo"Para el estilo. Esta publicación ha demostrado el método más fácil para diseñar los elementos pares o impares.