更改:在背景颜色之后:之前是悬停

时间:2014-02-12 11:24:31

标签: css

当部件处于悬停状态之前,如何更改:部件之后?

图片解释在这里: http://www.reshop.co.il/fisha/tab.jpg

当大方块悬停时需要更改小三角形 这两部分分开了正方形:之前和三角形有:之后

我有一个愚蠢的错误 谢谢你的帮助

2 个答案:

答案 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
}