通過單擊純CSS鏈接來移動元素

是否可以通過其他元素影響一個元素？當我點擊鏈接a.link時，我想移動.box元素。通過單擊純CSS鏈接來移動元素

我試過了，但無法使其正常工作。我應該在link:active寫什麼？

<html> 
<head> 
<style> 

.box 
{ 
    height:100px; 
    width:200px; 
    border:solid red 5px; 
} 

.link:hover 
{ 
    color:red; 
} 

.link:active 
{ 
    color:grey; 
} 
</style> 
</head> 

<body> 
    <a href="#" class=link >CLICK ME</a> 
    <div class=box></div> 
</body> 
</html>

來源

2014-02-24 Darsh

標題與實際問題不同。這可能會導致誤解。請編輯標題以更好地指出問題。但是，你可以在這裏找到你的答案：http://stackoverflow.com/questions/21919044/css3-transition-on-click-using-pure-css/21919261#21919261檢查第二種方法。 –

非常感謝你！我找到了我需要的東西！ – Darsh

你的問題措辭不佳，我不能很好地編輯它。你可以修改你的問題，這樣更有意義嗎？也許從你找到的答案中使用語言？ –

這是可能的使用兄弟/兒童選擇器。選擇器必須包含您正在採取行動的元素。

當您點擊.link時，您希望.box移動。它們彼此相鄰，因此您可以使用相鄰的兄弟選擇器.link:active + .box。

您可以使用轉場對動作進行動畫處理。

請參閱：http://jsfiddle.net/2P4aA/2/

來源

2014-02-24 21:02:06

通過單擊純CSS鏈接來移動元素

回答

相關問題