很多時候我們僅僅只是想讓滑鼠移動入某個元素，然後顯示出某個元素。
大多數部落格的標題或內容都是：使用css實現滑鼠懸停在一行上，顯示某些元素
很遺憾，這是錯誤的，滑鼠懸停後，儘管css標準中有定義此種方式以顯示出某些元素，但是：
這只能顯示出子元素。
例子：html端：
<css定義：div
class
="test"
>
<
span
>滑鼠移入顯示
span
>
div>
<
div
class
="dome"
>
<
span
>顯示
span
>
div>
.dome此刻，所需效果並沒有被完成，div.dome 並不能如期顯示（實踐，這裡不提供gif進行效果測試）。/*按照其餘部落格內容所示**
*/.test:hover .dome
為什麼呢？因為此標準僅僅只能對子元素生效。
如何修改？如下，僅需修改html即可：
<當 div.dome 成為子元素，效果與所想一致，滑鼠移入顯示。div
class
="test"
>
<
span
>滑鼠移入顯示
span
>
<
div
class
="dome"
>
<
span
>顯示
span
>
div>
div>
onenote筆記如下：
有些時候按照以上方法仍不能顯示的話，則是權重的問題。
僅需在後面加上!important即可
以上。部落格：
CSS之元素顯示與隱藏
溢位的文字隱藏 在css中有三個顯示和隱藏的單詞比較常見，他們分別是 display visibility 和 overflow。display 設定或檢索物件是否及如何顯示。display none 隱藏物件 與它相反的是 display block 除了轉換為塊級元素之外，同時還有顯示元素的意思...
CSS元素的顯示與隱藏
我們訪問某些 的時候，經常可以看到一些廣告彈出來，點選關閉就不見了，但是重新重新整理頁面後，廣告又會重新彈出來。這就是元素的顯示和隱藏的乙個應用。display屬性用於設定乙個元素應如何顯示。display隱藏元素後，不再占有原來的位置。visibility屬性用於指定乙個元素應可見還是隱藏。vis...
JS判斷元素顯示狀態及控制元素顯示或隱藏
判斷元素的顯示狀態 方法1 functionjudgeshoworhide else alert 顯示 執行語句 方法2 if document.getelementbyid div css display none if document.getelementbyid div css displa...