شبه کلاس ()nth-of-last-type: در CSS

:nth-of-last-type() CSS Pseudo-class

سودوکلاس ()nth-of-last-type: در CSS هر عنصر مشخص که از آخرین فرزند شمارش شده و مشخص می شود را هدف می گیرد.

css

span:nth-last-of-type(2n) {
  font-size: 1.5rem;
}

این سودو کلاس همانند nth-of-type: عمل می کند، با این تفاوت که عناصر مشخص (از نوع مشخص) را از انتها شمارش می کند.

در مثال زیر می توانیم نحوه عملکرد این سودو کلاس را ببینیم:

html

<div></div>
<p>پاراگراف ۱</p>
<div></div>
<p>پاراگراف ۲</p>
<div></div>
<p>پاراگراف ۳</p>
<div></div>
<p>پاراگراف ۴</p>
<div></div>

css

div {
    height: 15px;
    background-color: lightgreen;
}
p {
    font: 700 17px calibri;
    direction: rtl;
    margin: 7px 0;
}
div:nth-last-of-type(2) {
    background-color: violet;
}
p:nth-last-of-type(1) {
    color: red;
    font-family: "segoe ui";
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این سودو کلاس در CSS پشتیبانی می کنند.