91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

css中hover屬性怎么用

沐橙
636
2021-04-25 10:32:19
欄目: 編程語言

css中hover屬性的使用方法:可以在選擇鼠標指針浮動在上面的元素中使用,例如在css中添加以下語法格式“標簽選擇器:hover{樣式代碼;}”格式進行使用,共有4種使用方式比如:1、直接在懸浮元素上改變樣式;2、改變子元素的樣式;3、改變同級元素的樣式;4、改變就近元素的樣式等。

css中hover屬性怎么用

hover的定義


:hover 選擇器用于選擇鼠標指針浮動在上面的元素,它適用于所有元素


:hover 選擇器適用于所有元素


hover的用法


用法一:鼠標懸浮在元素上改變元素樣式


例:當鼠標懸浮在字體上,字體顏色發生改變

< style >

 h1:hover{

 color: pink;

 }

 </ style >

</ head >

< body >

 < h1 >億速云</ h1 >

</ body >


這個是最普通的用法了,只是改變了style樣式

用法2:通過hover控制其他塊的樣式


這個用法可以有分為以下三種樣式

(1)控制子元素的樣式

< style >

 h1:hover p{

 background-color: pink;

 }

 </ style >

</ head >

< body >

 < h1 >億速云

< p >hover的用法</ p >

 </ h1 >

(2)控制兄弟元素的樣式

< style >

 h1:hover+p{

 background-color: pink;

 }

 </ style >

</ head >

< body >

 < h1 >億速云</ h1 >

 < p >hover的用法</ p >

(3)控制就近元素的樣式

‘~’ 控制就近元素

< style >

 h1:hover~p{

 background-color: pink;

 }

 </ style >

</ head >

< body >

 < h1 >億速云</ h1 >

 < p >hover的用法</ p >


0
翁牛特旗| 五家渠市| 阳朔县| 含山县| 砀山县| 佛教| 金溪县| 涿州市| 仁寿县| 兴城市| 龙州县| 石景山区| 阜南县| 垦利县| 丘北县| 建湖县| 玛纳斯县| 沾化县| 宣城市| 漳州市| 南阳市| 兰溪市| 河间市| 通许县| 集贤县| 门头沟区| 礼泉县| 治县。| 阳泉市| 湟源县| 三台县| 同江市| 阳东县| 江都市| 攀枝花市| 武城县| 昌都县| 含山县| 普兰县| 宁武县| 金溪县|