: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 پشتیبانی می کنند.