CSS - pseudo klasy :nth-last-child(n)


kod wynik kodu
<html>
<head>
<style type="text/css">
p:nth-last-child(2) {
  background-color: pink;
  height: 50px;
  width: 300px;
}
 </style>
</head>
<body>
<p>pierwszy akapit</p>
<p>drugi akapit</p>
<p>trzeci akapit</p>
<p>czwarty akapit</p>
 </body>
</html>

pierwszy akapit

drugi akapit

trzeci akapit

czwarty akapit


kod wynik kodu
<html>
<head>
<style type="text/css">
li:nth-last-child(2) {
  background-color: gold;
  height: 50px;
  width: 300px;
}
 </style>
</head>
<body>
<div>języki romańskie:</div>
<ul>
  <li>hiszpański</li>
  <li>kataloński</li>
  <li>portugalski</li>
  <li>francuski</li>
  <li>włoski</li>
  <li>rumuński</li>
 </ul>
</body>
</html>
języki romańskie:
  • hiszpański
  • kataloński
  • portugalski
  • francuski
  • włoski
  • rumuński