当部件处于悬停状态之前,如何更改:部件之后?
图片解释在这里: http://www.reshop.co.il/fisha/tab.jpg
当大方块悬停时需要更改小三角形 这两部分分开了正方形:之前和三角形有:之后
我有一个愚蠢的错误 谢谢你的帮助答案 0 :(得分:3)
无论:before
部分是什么(您还没有向我们展示任何代码,而且该图像无法解释您的标记),您无法仅针对{{1}目标使用该伪元素}}。 :hover
和其他伪类只能应用于整个元素,而不是它们的伪元素。
您可以更好地将:hover
和:before
伪元素重新用作父元素子元素的实际元素,然后使用:after
和兄弟选择器相应地定位他们,like so:
:hover
<div class="parent">
<span class="before">:before</span>
Content
<span class="after">:after</span>
</div>
答案 1 :(得分:2)
如果没有看到代码,很难确切地说出你想要的东西,但这应该让你更接近:
div:hover {
// These styles affect the div when hovered.
}
div:hover:before {
// These affect the div's :before when the div is hovered
}
div:hover:after {
// These affect the div's :after when the div is hovered
}