CSS | :selector de último tipo

El Selector :last-of-type se utiliza para apuntar al último elemento secundario del mismo tipo que su padre para el estilo. Este selector es el mismo que “:nth-last-of-type”.

Sintaxis:

:last-of-type {
  //property
}

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <style>
        p:last-of-type {
            background: limegreen;
            color: white;
            font-style: italic;
            font-size: 1.875em;
        }
    </style>
</head>
  
<body>
    <h3>I am heading.</h3>
    <p>I am first child.</p>
    <h3>I am heading.</h3>
    <p>I am second child.</p>
    <h3>I am heading.</h3>
    <p>I am third child.</p>
    <h3>I am heading.</h3>
    <p>I am last child.</p>
    <h3>I am heading.</h3>
  
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome 4.0
  • Borde 9.0
  • Firefox 3.5
  • Safari 3.2
  • Ópera 9.6

Publicación traducida automáticamente

Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *