可以在HTML元素上声明CSS伪类吗？

Question

是否可以在HTML元素上设置CSS伪类？在这种情况下，我希望某个<div>具有last-child属性。

当其他浏览器识别出特定的<div>为最后一个孩子时，我问我自己这个问题。我找到了解决方法，这时我只想知道是否可以在HTML元素上设置伪类。

一位同事建议这实际上可以使用React框架完成。但是，我找不到任何暗示可能的方法。

Answer 1

否。

伪类用于定义元素的状态。

Answer 2

是的，可以。

这也必须位于JS或CSS文件中，据我所知，不是HTML文件。

例如，我在:nth-child(4)上使用img，看不到它与div有所不同。

这就是我在JS中使用它的方式：

$('#recipeStack img:nth-child(4)').css({
  'transform' : 'translate(160px, -160px)',
  'transition-delay' : '0.3s',
  'opacity' : '1'
});

并且在您的情况下，在CSS文件中也应该可以：

.parent > div:last-child {
  background-color: red;
  color: white;
}