目标::之后：悬停状态

Question

如何定位:: after元素：hover？

<button class="panel-watch">
Watch online
::after
</button>

我试过这个，但似乎没有这样做：

button.panel-watch:hover ::after {
border-color:white transparent transparent transparent!important;
}

我只是重新点击html / css以更好地适应，但它就像这样开箱即用。

Answer 1

删除以下之间的空格：

button.panel-watch:hover::after {}

hover和::after之间的空格表示选择器正在查找button.panel-watch的子元素。