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

Updated on 30-Jun-2020 11:22:56

Related Questions & Answers
Style every element that is the child of its parent, counting from the last child with CSS
Style every element that is the second child of its parent with CSS
Style every element that is the last element of its parent with CSS
Style every element that is the only child of its parent 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 elements that is the last child of its parent with CSS
Style every elements that is the first child of its parent with CSS
Style every element that has no children with CSS
Selects every <ul> element that are preceded by a element with CSS
Select parent element of known element in Selenium.
Selects all elements where the parent is a <div> element with CSS
Find last element after deleting every second element in array of n integers in C++
Style every element that is not the specified element with CSS

Previous Page Print Page Next Page

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

Example