last-child / last-of-type和[attr | = value] / [attr ^ = value]

Question

例如p：last-child选择器和p：last-of-type选择器之间有什么区别？

例如p [class |“hello”]和p [class ^ =“hello”]之间有什么区别

Answer 1

正如您所希望的，p:last-child匹配最后一个孩子而p:last-of-type匹配该类型的最后一个元素。
p[class|"hello"]和p[class^="hello"]之间的区别在于前者不是有效的选择器而后者是。
另外，请参阅有关您问题的评论。