Suena como un enigma, pero hay casos en los que se necesita un elemento
- en lugar de
- ¿Cuál es el uso principal de angular JS?
- Cómo hacer un formulario de búsqueda usando PHP con PDO
- ¿De qué sirve crear tu propio sitio web?
- ¿Cómo me convierto en un desarrollador de pila completa? ¿Qué es una buena hoja de ruta? Actualmente, estoy estudiando para un BE en el tercer año.
- ¿Por qué debería usar Bootstrap en lugar de WordPress?
- Uno
- Dos
- Tres
- Cuatro
- Cinco
- , pero los elementos deben estar numerados ( por ejemplo, un complemento deslizante que crea automáticamente un conjunto de elementos de lista).
Afortunadamente, hay un par de reglas CSS que rara vez se usan que pueden ayudar: contrarrestar y contrarrestar .
Y no es solo para los elementos de la lista; Se puede utilizar en prácticamente cualquier elemento HTML. Es notablemente compatible: IE8 y superior, además de casi cualquier versión de todos los demás navegadores.
Se requiere el reinicio del contador en el elemento principal para establecer el punto de partida, y los elementos secundarios deben marcarse con incremento de contador. El número incrementado se muestra usando el valor del contenido de un pseudo elemento.
Para un contador simple en una lista como esta:
Lo diseñarías así:
ul {
contador de reinicio: sección;
list-style-type: ninguno;
relleno: 0;
}
li {
contra-incremento: 1
}
li: antes de {
contra-incremento: sección;
contenido: contador (sección) ‘:’;
margen derecho: 0.5em;
}
Hay algunas ventajas: el pseudo elemento se puede colorear o diseñar independientemente de los elementos de la lista, y el texto del contador se puede concatenar con cualquier otro texto.