悬停一个伪元素？ [复制]答案

【问题标题】：Hover a pseudo element? [duplicate]悬停一个伪元素？ [复制]
【发布时间】：2015-03-11 18:02:12
【问题描述】：

我知道这样做是可能的

.parent:hover:before {
  color: 'blue';
}

但是是否可以监听伪元素本身的悬停？

.parent:before:hover {
  color: 'blue';
}

编辑

好吧，这是不可能的。谁能解释一下为什么？

【问题讨论】：

stackoverflow.com/questions/5777210/…
第一段代码不是 CSS。那是什么，less 还是 sass？
即使被骗的问题并不完全相同，你也会在其中找到答案。
谢谢web-tiki，仔细阅读后找到了我的答案。我应该删除我的问题吗？
您不必这样做 - 重复项可以作为未来搜索者的路标。也就是说，我想我会让你知道我刚刚更新了链接问题中的答案。希望它能解决您的后续问题。

标签： html css pseudo-element

【解决方案1】：

你的选择器弄错了。试试：

.parent:hover:before {
  color: 'blue'
}

可以这样想：

.AlwaysPut:hover:before{}

然后你就不会出错了！ :D

伪元素与伪选择器

这些被恰当地称为伪“元素”（不是选择器）因为他们没有选择页面上存在的任何“真实”元素。这适用于这两个，以及前面的部分 :first-letter 和 :first-line。有道理？就像第一个字母 ::first-letter selects 本身并不是一个元素，它只是一个现有元素的一部分，因此是伪元素。 ~CSS Tricks

【讨论】：

谢谢，但在问题中我指定我已经知道这是可能的。我想知道为什么之前不能监听悬停事件
@plondon：那是因为 'pseudo' 元素不是 DOM 的 true 元素，所以你不能 'hover' 它。