懸停狀態不起作用CSS

我正在嘗試做CSS中最基本的事情之一。我的一個按鈕懸停狀態，但由於某種原因，它沒有做任何事情！這是怎麼回事？懸停狀態不起作用CSS

任務信息

<label>Your Note:</label><br/> 
     <input type="text" id="noteTitle" placeholder="Note Title..."><br/> 
     <textarea id="note" placeholder="Add Content..."></textarea> <br/> 
     <button onclick="createNote()" class="btnStyle">Create Task</button> 



<br/> <br/> 
<label>Note Id:</label><br/> 
    <input type="text" id="noteId" placeholder="Type Note Id..."> <br/> 
<div class="align"><button onclick="deleteNote()" class="btnStyle">Delete Task</button></div> 

    <div id="noteTitlesId"></div> 

     <div class="align"><button onclick="getNoteTitles()" class="btnStyle">Get Task Titles</button></div> 
     <div class="align"> <button onclick="updateNote()" class="btnStyle">Update note</button></div> 

     </div>

我爲它CSS：

.btnStyle { 
    border: 0.5px solid gray; 
    border-radius: 5px; 
    background-color: transparent; 
} 



.btnStyle :hover { 
    background-color: #eb9356; 
    color: #ffff; 
}

來源

2017-05-01 Catalina

放下空間..'.btnStyle：hover' –

簡直難以置信。不能相信我錯過了這一點。你是一個拯救生命的人。 – Catalina

所以你確切地知道你做了什麼，留下一個空間，然後選擇器。將第二個選擇器變成''的後裔。有效的是，當被告「btnStyle」被徘徊時，將這種風格應用於後代。 –

不要給空間之間.btnStyle：懸停刪除一個空間和代碼爲低於：

.btnStyle:hover { 
}

來源

2017-05-01 01:29:50

懸停狀態不起作用CSS

回答

相關問題