用法1：
這個(gè)表示的是：當(dāng)鼠標(biāo)懸浮在a這個(gè)樣式上的時(shí)候，a的背景顏色設(shè)置為黃色

??? a:hover
??????? {
??????????? background-color:yellow;
??????? }

用法2:
使用a 控制其他塊的樣式：

??? 使用a控制a的子元素 b：

??????? .a:hover .b {
??????????????? background-color:blue;
??????????? }

??? 使用a控制a的兄弟元素 c(同級(jí)元素)：

???????? .a:hover + .c {
??????????????????? color:red;
??????????????? }

??? 使用a控制a的就近元素d：

??????? .a:hover ~ .d {
??????????????? color:pink;
??????????? }
---------------------
作者：wujingj
來源：CSDN
原文：https://blog.csdn.net/sinat_19803127/article/details/80394126
https://blog.csdn.net/sinat_19803127/article/details/80394126

轉(zhuǎn)載于:https://www.cnblogs.com/LuoEast/p/10475515.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的CSS: hover选择器的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。