我学习了如何基于http://reference.sitepoint.com/css/specificity计算CSS特异性
但是,基于此参考,我不理解伪类(来自c)和伪元素(来自d)之间的区别是什么?

例如,

input[type="text"]:hover


悬停是伪类(来自c)还是伪元素(来自d)?

input[type="text"].error相比,哪一个具有更高的特异性?

最佳答案

伪类(c)的特异性为10

伪元素(d)的特异性为1



input[type="text"]:hover

input[type="text"].error


特异性为21

input(元素-'d')= 1

[type="text"](属性-'c')= 10

:hover(伪类-'c')= 10

.error(类-'c')= 10

还提供在线特异性计算器,例如this one

关于css - 伪类和伪元素之间的CSS差异计算特异性?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25638254/

10-09 23:23