在css中徘徊的作用是什么

这篇文章给大家分享的是有关在css中徘徊的作用是什么的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

在css中,”:悬停”选择器用于选择鼠标指针浮动在上面的元素,然后为其设置样式,语法格式”元素:悬停{css样式};“;”:悬停”必须位于”:链接”和“:访问”之后(如果存在的话),这样样式才能生效。

:悬停选择器用于选择鼠标指针浮动在上面的元素。

提示::悬停选择器可用于所有元素,不只是链接。

在css定义中,:悬停必须位于:链接和:访问之后(如果存在的话),这样样式才能生效。

:链接选择器设置指向未被访问页面的链接的样式,:访问选择器用于设置指向已被访问的页面的链接,:活跃的选择器用于活动链接。

<强>用法1:

这个表示的是:当鼠标悬浮在一这个样式上的时候,一个的背景颜色设置为黄色

答:徘徊 　　{ 　　背景颜色:黄色; 　　}

这个是最普通的用法了,只是通过一个改变了风格

<强>用法2:

使用一个控制其他块的样式:

使用一个控制一个的子元素b:

。盘旋。b { 　　背景颜色:蓝色; 　　}

使用一个控制一个的兄弟元素c(同级元素):

。答:悬浮+ c { 　　颜色:红色; 　　}

使用一个控制一个的就近元素d:

。答:徘徊~ .d { 　　颜色:粉色; 　　}

<>强总结一下:

1。中间什么都不加,控制子元素;

2。“+”控制同级元素(兄弟元素),

3。“~”控制就近元素;

<强>实例

用一个按钮控制一个盒子的运动状态,当鼠标移到按钮上方时,盒子停止运动,鼠标移开时,盒子继续运动

身体代码:

& lt; body> 　　& lt; div类=癰tn stop"祝辞stop