Select every element that is the second element of its parent, counting from the last child

CSS Web Development Front End Technology

Use the CSS :nth-last-of-type(n) selector to select every element that is the second element of its parent, counting from the last child.

Example

You can try to run the following code to implement the :nth-last-of-type(n) selector:

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         p:nth-last-of-type(2) {
            background: blue;
            color: white;
         }
      </style>
   </head>
   <body>
      <p>This is demo text 1.</p>
      <p>This is demo text 2.</p>
      <p>This is demo text 3.</p>
      <p>This is demo text 4.</p>
      <p>This is demo text 5.</p>
   </body>
</html>

Seetha

Published on 09-May-2018 07:13:15

Related Questions & Answers
Style every element that is the last element of its parent with CSS
Style every element that is the child of its parent, counting from the last child with CSS
Style every element that is the only element of its parent with CSS
Style every element that is the first element of its parent with CSS
Style every element that is the nth element of its parent with CSS
Style every element that is the second child of its parent with CSS
Style every element that is the only child of its parent with CSS
Style every elements that is the last child of its parent with CSS
Style every elements that is the first child of its parent with CSS
Selects every <ul> element that are preceded by a element with CSS
Selects all elements where the parent is a <div> element with CSS
Style every element that has no children with CSS
Style every element with a lang attribute value with CSS
Selects all elements inside <div> elements with CSS
Selects all elements that are placed immediately after <div> elements with CSS

Previous Page Print Page

Select every <p> element that is the second <p> element of its parent, counting from the last child

Example