hover用于選擇鼠標指針浮動在上面的元素,它有以下幾種用法:直接在懸浮元素上改變樣式,改變子元素的樣式,改變同級元素的樣式以及改變就近元素的樣式等
在CSS中有個hover屬性,當鼠標移上去的時候可以將其激活,它可以用來實現類似于js的一些功能。接下來在文章中將為大家具體介紹hover屬性如何使用,希望對大家有所幫助。
hover的定義
:hover 選擇器用于選擇鼠標指針浮動在上面的元素,它適用于所有元素
:hover 選擇器適用于所有元素
hover的用法
用法一:鼠標懸浮在元素上改變元素樣式
例:當鼠標懸浮在字體上,字體顏色發生改變
<style> h2:hover{ color: pink; } </style></head><body> <h2>本站</h2></body>這個是最普通的用法了,只是改變了style樣式
用法2:通過hover控制其他塊的樣式
這個用法可以有分為以下三種樣式
(1)控制子元素的樣式
<style> h2:hover p{ background-color: pink; } </style></head><body> <h2>本站<p>hover的用法</p> </h2>(2)控制兄弟元素的樣式
‘+’ 控制同級元素(兄弟元素)
<style> h2:hover+p{ background-color: pink; } </style></head><body> <h2>本站</h2> <p>hover的用法</p>(3)控制就近元素的樣式
‘～’ 控制就近元素
<style> h2:hover~p{ background-color: pink; } </style></head><body> <h2>本站</h2> <p>hover的用法</p>感謝各位的閱讀!關于css中如何使用hover就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
什么是股票持倉價持倉價也叫價格，當用戶買入一定數量的股票白銀后，如果未進行任何操作，此時持倉價=成本價。即用戶首次買入的價格可以視作為投資者的成本價(未經過遞延費、止損或止盈之前的總倉位成本價格)。 持倉價代表用戶當前持有倉位的價格，如果是買入的，每日持倉均會有持倉遞延費，也叫隔夜費，每日的持倉價格是會上漲的，但成本價格是用戶首次買入的價格。此時持倉價》成本價。當用戶買入的是股票的時候此時沒有遞延...
【資料圖】據公開資料顯示，丁敏佳出生于1997年，系特步創始人丁水波女兒。據時代財經稱，丁敏佳近期活躍于特步的各類活動中，對外頭銜則是特步在2021年新開拓的女子品類“半糖系列”的主理人，她不僅參與特步女子品類的調研和全程規劃，還親自上陣拍攝產品海報，為其代言。該系列在2021年線上線下推出了17款41個SKU，流量小花迪麗熱巴為其主要代言人，這一產品線的開拓曾被看做是傳統...
(資料圖)哈嘍小伙伴們 ，今天給大家科普一個小知識。在日常生活中我們或多或少的都會接觸到燕青主要事跡5個簡潔方面的一些說法，有的小伙伴還不是很了解，今天就給大家詳細的介紹一下關于燕青主要事跡5個簡潔的相關內容。1、父母雙亡：燕青是北京大名府人氏，自幼父母雙亡，由盧家撫養長大，是盧俊義的心腹家仆。2、忠心救主：梁中書命人抓捕盧俊義，蔡福兄弟受到柴進重金委托，花錢打通關節，終使盧俊義由死罪改為刺配。差...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）