有沒有辦法使用CSS向後工作

我想知道是否有辦法在CSS中反向工作。我的意思是說，我有一個圍繞div標籤的邊框，然後在該div標籤中是一個具有懸停功能的鏈接。有沒有辦法改變div標籤上的邊框顏色，當這個鏈接懸停或這是唯一可以實現的使用jQuery？有沒有辦法使用CSS向後工作

來源

2013-04-22 Anthony Russo

從技術上講，你將鼠標懸停在DIV如果你將鼠標懸停在鏈接... – cimmanon 2013-04-22 19:39:23

但是你並不總是在鏈接上懸停如果懸停在分區.. – Dan 2013-04-22 19:41:55

是的div改變顏色，當我把鼠標懸停在它上面，然後裏面是一個鏈接。我希望該div在鏈接懸停時更改顏色。 – 2013-04-22 19:42:47

可以使整個DIV hoverable：

.outer-class:hover { 
    border-color: some-color; 
}

而outer-class是類的div。

來源

2013-04-22 19:29:07 Femaref

你的問題的答案是：不，沒有這樣的方式。使用jQuery來實現這個過度殺傷力，我不會推薦。相反，重構你的標記，並記住你不僅可以訪問僞類（：懸停），不僅可以用於鏈接（我們支持IE6的日子已經定義完畢，甚至IE7支持：懸停在任意元素iirc上），所以你可以簡單地做：

div:hover { 
    border-color:green; 
}

來源

2013-04-22 19:30:04 hannenz

可能的種類。下面是一個例子：http://jsfiddle.net/hL3Ta/

<div> 
    <a href="#">Some link</a> 
</div>

div { 
    display: inline-block; 
    border:5px solid black; 
} 
div:hover { 
    border: 5px solid red; 
} 

a { 
    display: inline-block; 
    width: 100px; 
    height: 100px; 
}

在其他的答案提到的，塊體模型的性質目前不允許對選擇器來反向操作。純CSS的解決方法是使用尺寸爲嵌套目標的容器上的僞元素。

來源

2013-04-22 19:31:50 Dan

當下一個CSS選擇器規範準備好並由瀏覽器實現時，這將是可能的。然後，將有可能寫類似：

!div a:hover { border-color: red; }

現在的提案工作草案是在這裏：http://www.w3.org/TR/2012/WD-selectors4-20120823/#subject

來源

2013-04-22 19:37:02

這會很好。 – 2013-04-22 19:43:07

有沒有辦法使用CSS向後工作

回答

相關問題