CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

وظائف CSS (Functions)دليل كامل الخاص بالخياراترة selectors الخاصة بCSS

CSS3 :last-of-type 选择器

:last-of-type CSS 伪类表示了在（它父元素的）子元素列表中，最后一个给定类型的元素。当代码类似Parent tagName:last-of-type的作用区域包含父元素的所有子元素中的最后一个选定元素，也包括子元素的最后一个子元素并以此类推。

دليل مرجعي كامل لاختيارات CSS

مثال عبر الإنترنت

تحديد لون الخلفية للعنصر الأخير من نوع p في الأم:

مثال

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>دليل أساسي (oldtoolbag.com)</title>　
<style>　
p　em:last-of-type　{
　　color:　green;
}
</style>
</head>
<body>
<p>
　　<em>ليس لدي لون :-(</em><br>
　　<strong>ليس لدي لون :-(</strong><br>
　　<em>لدي لون :D</em><br>
　　<strong>ليس لدي لون :-(</strong><br>
</p>
<p>
　　<em>ليس لدي لون :-(</em><br>
　　<span><em>لدي لون!</em></span><br>
　　<strong>ليس لدي لون :-(</strong><br>
　　<em>لدي لون :D</em><br>
　　<span>
　　　　<em>أنا في عنصر الفرع، لكن ليس لدي لون!</em><br>
　　　　<span　style="text-decoration:line-through;">ليس لدي لون </span><br>
　　　　<em>لدي لون!</em><br>
　　</span><br>
　　<strong>ليس لدي لون :-(</strong>
</p>
</body>
</html>

اختبار لمعرفة ‹/›

التعريف والاستخدام

element:last-of-type　{　style　properties　}

مصطلح :last-of-type يطابق العنصر الذي يكون له أم هو العنصر الأخير من نوع معين في مستوى الأب.

نصيحة: و :nth-last-of-type(1) له نفس المعنى.

توافق المتصفحات

الرقم في الجدول يظهر إصدار المتصفح الأول الذي يدعم هذه الخاصية.

مصطلح الخيار
:last-of-type	4.0	9.0	3.5	3.2	9.6

دليل مرجعي كامل لاختيارات CSS

وظائف CSS (Functions)دليل كامل الخاص بالخياراترة selectors الخاصة بCSS