無法在CSS中獲得懸停功能

-3

由於某些原因，我的瀏覽器與xampp（PHP）在懸停在這段代碼時未給出響應。我怎樣才能解決這個問題，讓我的文本獲得不同的顏色，而我的鼠標懸停？無法在CSS中獲得懸停功能

.headermenu a{ 
    font-size: 18px; 
    color: #ffffff; 
    display: inline-block 5px; 
    background-color: #7f2048; 
    box-shadow: 0px 0px 50px #888888; 
    border-radius: 5px; 
    vertical-align: middle; 
    padding-bottom: 5px; 
    padding-top: 5px; 
    padding-left: 24px; 
    padding-right: 24px; 
    margin-bottom: 10px; 
    text-decoration: none; 
    font-family: 
.headermenu a: hover{ 
    color: #5b5a64; 
}

我使用<div class="headermenu">和結束的div來得到它的工作。

在Sublime Text中，從.headermenu a:hover{}盤旋的文本是白色的，因此表示無法運行或我猜測的是。

來源

2016-07-08 Coen Giesen

歡迎堆棧溢出！「a：」和「hover」之間有空格。這可能是。 - 尋求代碼幫助的問題必須包括在問題本身中重現**所需的最短代碼**，最好在[** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-可運行的JavaScript-CSS-和HTML的代碼段/）。請參閱[**如何創建最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

與php無關，純粹是html/css。 – Epodax

CSS沒有「functions」或「commands」懸停是一個元素狀態，'：hover'是一個僞選擇器。另外，正確的語法是'a：hover'（無空格）來指示懸停狀態下的錨點。 – apokryfos

整個括號在.headermenu a class css。

.headermenu a{ 
 
    font-size: 18px; 
 
    color: #ffffff; 
 
    display: inline-block 5px; 
 
    background-color: #7f2048; 
 
    box-shadow: 0px 0px 50px #888888; 
 
    border-radius: 5px; 
 
    vertical-align: middle; 
 
    padding-bottom: 5px; 
 
    padding-top: 5px; 
 
    padding-left: 24px; 
 
    padding-right: 24px; 
 
    margin-bottom: 10px; 
 
    text-decoration: none; 
 
    height:50px; 
 
    width:50px; 
 
    border :1px solid black; 
 
} 
 
.headermenu a:hover { 
 
    color: #5b5a64; 
 
}

<div class="headermenu"><a href="" >aaa</a></div>

來源

2016-07-08 10:02:13

-1

由於某種原因，那不是解決問題的懸停。我有一個如果其他結構，啓動完整的PHP網站，我不知道這是否可以與它有什麼關係......？

.headermenu a{ 
 
    font-size: 18px; 
 
    color: #ffffff; 
 
    display: inline-block 5px; 
 
    background-color: #7f2048; 
 
    box-shadow: 0px 0px 50px #888888; 
 
    border-radius: 5px; 
 
    vertical-align: middle; 
 
    padding-bottom: 5px; 
 
    padding-top: 5px; 
 
    padding-left: 24px; 
 
    padding-right: 24px; 
 
    margin-bottom: 10px; 
 
    text-decoration: none; 
 
    height:50px; 
 
    width:50px; 
 
    border :1px solid black; 
 
} 
 
.headermenu a:hover { 
 
    color: #5b5a64; 
 
}

<div class="headermenu"><a href="" >aaa</a></div>

來源

2016-07-08 10:35:01

css直接從下面回答複製？ –

無法在CSS中獲得懸停功能

回答

相關問題