:nth-last-of-type(n)比:nth-last-child(n)更可靠，因其仅在同标签类型内倒序计数，无视文本节点、注释等干扰；后者对所有子节点统一倒序，易受换行、空格等不可见节点影响。
直接用 p:nth-last-of-type(3) 就能选中倒数第三个 <p></p>，但前提是它得是父容器里倒数第三个 <p></p> 元素——不是视觉上“看起来像”，而是 DOM 中同类型元素的真实倒序位置。
为什么 :nth-last-of-type(n) 比 :nth-last-child(n) 更可靠
因为 :nth-last-of-type(n) 只在同标签类型里倒序计数，完全无视中间夹着的 <div>、<code><span></span>、文本节点甚至注释。而 :nth-last-child(n) 是对所有子节点（包括 Text 节点）统一倒数，页面里多一个换行或空格就可能让目标元素“偏移”。
- 真实 DOM 常含不可见节点：HTML 缩进、换行会生成 Text 节点，
:nth-last-child(1)可能匹配到它而不是你想要的<p></p> -
:nth-last-of-type(1)等价于:last-of-type，语义清晰，且 IE9+ 全支持 - 表格场景下尤其明显：如果
<tbody> 里有 <code><tr>，后面又跟了 <code><tfoot><tr>...</tr></tfoot>，tr:nth-last-child(1)会选中<tfoot> 里的 <code><tr>，而 <code>tr:nth-last-of-type(1)才真正命中<tbody> 末尾那个 <h3> <code>n的写法和常见陷阱n不是“第几个”，而是“倒数第几个同类型元素”，从 1 开始，不能为 0 或负数；支持表达式，但必须代入非负整数计算实际位置。-
p:nth-last-of-type(1)→ 最后一个<p></p>；p:nth-last-of-type(2)→ 倒数第二个<p></p> -
p:nth-last-of-type(-n+2)→ 匹配倒数第 1 和第 2 个<p></p>（即最后两个） -
p:nth-last-of-type(2n)→ 倒数第 2、4、6… 个<p></p>（注意：是从末尾往前数的偶数位） -
p:nth-last-of-type(0)或p:nth-last-of-type(-1)→ 规则无效，浏览器直接忽略
别用大数字代替“最后一个”
写
div:nth-of-type(999)试图“兜底选最后一个”是危险操作。- 如果 DOM 动态插入新
<div>，总数超过 999，规则失效 <li>如果只有 3 个 <code><div>，<code>999根本不匹配，样式丢失 - CSS 解析器不会自动取最大值，它严格按字面执行
-
div:nth-last-of-type(1)才是标准、稳定、可读的写法
真正容易被忽略的是：DOM 结构是否“干净”。哪怕只是两行 HTML 之间多了一个换行符，也可能插入 Text 节点，让
:nth-last-child失效——而:nth-last-of-type对这类干扰天然免疫，但它只认标签名，不认 class 或其他属性。要选带特定 class 的倒数第 N 个？得靠 JS 或加 wrapper 元素。 -
