2014-02-12 131 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

相關問題