有關的問題：第一個類型：之前：hover

所以我在玩別人的codepen，想從fontawesome中添加一些箭頭到代碼。有關的問題：第一個類型：之前：hover

我可以用下面的代碼添加箭頭：

.button:first-of-type:before { 
content: "\f100"; 
font-family: fontAwesome; 
color: #000; 
font-size: 1em; 
z-index: 10; 
margin: 20px 0 0 -75px; 
position: absolute; 
}

這個工作，但是當你把光標移動按鈕，我想的CSS之前顯示無。

我曾嘗試以下，但它不工作：

.button:before:hover:first-of-type { 
display: none; 
}

和

.button:first-of-type:before:hover { 
display: none; 
}

和

.button:first-of-type:hover:before { 
display: none; 
}

我也嘗試添加重要的，但沒有任何作品！。

這裏是對codepen鏈接：http://codepen.io/bskousen/pen/tgJdH

來源

2014-10-10 Brendan

'.button：第一的型：懸停：before' [似乎工作]（http://jsbin.com/vapeqa/1/watch?html ，CSS，輸出）。 – 2014-10-10 16:01:29

'.button：first-of-type：hover：before'對我有用http://jsfiddle.net/19uuwp27/ – DaniP 2014-10-10 16:02:17

你也確定'first-type'是你想要的選擇器嗎？ http://jsfiddle.net/19uuwp27/2/ – DaniP 2014-10-10 16:04:19

您的解決方案可能是

.button:hover::before{ 
    content: ""; 
}

因此，而不是躲在：之前，簡單地將其刪除。

還有一件事，它看起來像當你把鼠標懸停在左邊的箭頭上時，上面的按鈕激活，你可能想檢查你的代碼。

來源

2014-10-10 15:59:14

我用這個解決方案，所以謝謝你的幫助。是的，你是正確的，代碼被搞砸了，我把它定位在左邊的按鈕上，當時我正瞄準頂部的按鈕。 – Brendan 2014-10-10 16:35:44

請保持聯繫，我非常喜歡那種設計！ ;） – 2014-10-11 10:06:32

這是正確的

.button:first-of-type:hover:before { 
    display: none; 
}

來源

2014-10-10 16:04:15

有關的問題：第一個類型：之前：hover

回答

相關問題