El selector de first-child en el CSS: seleccionar el primer elemento de

La Pseudo first-child en el CSS se utiliza para seleccionar el primer elemento en el contenedor. Cuando un tipo específico de elemento no se tiene en cuenta, lo único que cuenta es su posición respecto de la de los padres. Hay algunos detalles en los trabajos de este selector, que es necesario entender para el uso correcto.

CSS-pseudoclases

Junto con los identificadores, las clases, las etiquetas y los atributos de pseudoclases son uno de los tipos de CSS-selectores. Su característica es que no pueden ser instalados directamente en HTML.

Ejemplos de pseudo-clases son de primera línea en el contenedor", "la primera letra de la palabra", "el primer elemento secundario de los padres". El navegador puede detectar estos elementos sólo después de haber analizado la página y fue DOM-árbol, y en algunos casos sólo después de renderizado.

La Presencia en el CSS de este mecanismo le permite definir la apariencia, que no está atada a HTML con el código que abre grandes posibilidades para el diseño.

Seleccionar el primer elemento

La Pseudo first-child en el CSS responsable de elegir el primer elemento en el contenedor principal. Los nodos de texto se ignoran en cuenta son sólo etiquetas completas.

Encontramos con los primeros elementos en dos simples HTML estructuras.

Como resultado De seleccionados será el primer elemento de la lista y la etiqueta que define el estilo de fuente negrita.

Más:

Como eliminar el número de página de la portada: manual

Al escribir un trabajo de posgrado, tesis e informes se requiere la creación de una página de portada con la información general (título, tema, autor, empresa o institución, etc.). Cubierta de trabajo no debe contener extraños símbolos y, a menudo, s...

Como borrar una foto con el iphone: manual para principiantes

Hoy quiero contarles como borrar una foto con el iphone. Esta operación en los dispositivos de Apple tiene características específicas. Por ejemplo, algunas de las fotos descargadas desde el ordenador, no se pueden eliminar a través del teléfono. Tal...

Cómo eliminar el buzón de "yandex" para siempre?

Correo electrónico – es una herramienta de comunicación de muchas personas. A través de ella, puede intercambiar mensajes de texto, enviar archivos multimedia. Varios clientes de correo electrónico disponen de una amplia gama de funciones adici...

Sintaxis:

Todas las pseudoclases en CSS define por un patrón determinado. Primero se indica el selector principal y, a continuación, el pseudo-clase, separado por dos puntos.

Qué es una regla de subrayar el texto del primer elemento de b en el interior de cada contenedor.

En la imagen, obviamente, que descendieron sólo los elementos que correspondan al mismo tiempo селектору de la etiqueta b y селектору псевдокласса :first-child. Se ha aplicado el estilo dentro de cada contenedor, en este caso dentro de todos los puntos de la lista.

Además de la etiqueta, como la principal, se puede usar cualquier otro selector de CSS, por ejemplo:

Los errores Típicos de

La Pseudo primer elemento first-child en el CSS selecciona rigurosamente la etiqueta que se encuentra en el primer lugar en el contenedor principal. Incluso si un elemento cumple селектору, pero no es el primer descendiente, no será seleccionado.

Para el ejemplo tomaremos la lista anterior de citas y extenderemos los autores en el comienzo.

A Pesar de que el selector de elemento sigue siendo el mismo, CSS el estilo no применился, así como el primer elemento en el contenedor de ahora es i.

Otro error es ignorar la etiqueta <br>. Se trata de un elemento HTML, como los demás. Si él se encuentra en el contenedor antes de que buscamos la unidad, para el selector CSS first-child, no funciona.

La Contabilidad del tipo de elemento

Para evitar este tipo de situaciones, puede utilizar la pseudo first-of-type. Funciona como un selector de CSS first-child, pero tiene en cuenta el tipo de elemento.

Ahora, al calcular sólo se tienen en cuenta los elementos pertinentes de la селектору b.

Seleccionar el último elemento

También Hay una pseudo-clase last-child, que funciona de forma similar a селектору CSS first-child, pero comienza a cuenta de los elementos con el fin de contenedor.