2014-02-12 135 views

回答

3

无论:before部分可以是(你还没有告诉我们任何代码,并将该图像确实没什么好解释您的标记),你不能指定只是伪元件F或:hover的目的。 :hover和其他伪类只能应用于整个元素,而不适用于它们的伪元素。

你有更好的运气再利用的:before:after伪元素作为实际的元素是你的父元素的孩子,然后使用:hover和兄弟选择相应瞄准他们,like so

<div class="parent"> 
    <span class="before">:before</span> 
    Content 
    <span class="after">:after</span> 
</div> 
.parent > .before:hover ~ .after { 
    color: red; 
} 
+0

@Mr。外星人:那显示出不同的东西......这与Olly Hodgson的回答比我的更接近。 – BoltClock

+0

你应该包括,虽然:) –

+0

@Mr。外星人:我一直懒得创造全新的小提琴......我应该停止这样做:)将在几个更新我的答案。 – BoltClock

1

很难正是你想要的说没有看到代码,但这应该仔细给你:

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 
} 
+1

如果我正确地阅读,他只想要在':before'悬停时应用':after'后的更改,而不是整个元素。这是不可能的。 – BoltClock

+0

感谢您的帮助,但我拥有的是两个分开的部分,一个是在分部之前。 – Yonatan

相关问题