這個表示法的是:當(dāng)滑鼠懸浮在a這??個樣式上的時候,a的背景顏色設(shè)定為黃色
1
##234? ?a:hover????{????????background-color:yellow; }? ?這個是最普通的用法了,只是透過a改變了style用法2:使用a控制其他區(qū)塊的樣式:使用a控制a的子元素b:123? ?.a:hover .b {????????background-color:blue;名詞#使用a控制a的兄弟元素c(同級元素):
1
2
##3 #? ?.a:hover .c {????????color:red;????}#o# a控制a的就近元素d:12#3? ?.a: hover ~ .d {????????color:pink;????}? ? 總結(jié)一下:##11 . 中間什麼都不加控制子元素;
2. ' ' 控制同級元素(兄弟元素);
3. '~' 控制就近元素;
實例
用一個按鈕控制一個盒子的運動狀態(tài),當(dāng)滑鼠移到按鈕上方時,盒子停止移動,滑鼠移開時,盒子繼續(xù)運
相鄰兄弟選擇器( )可選擇緊接在另一個元素後的元素,且二者俱有相同的父親元素
兄弟選擇器(~)可找到某一個指定元素的後面的所有兄弟結(jié)點