plc服务器,html中hover属性怎么用_技术分享

创始人

2024-12-28 15:00:31

0次

html中hover属性的使用方法：可以在选择鼠标指针浮动在上面的元素中使用，例如在html中添加以下语法格式“标签选择器:hover{样式代码;}”格式进行使用，共有4种使用方式比如：1、直接在悬浮元素上改变样式；2、改变子元素的样式；3、改变同级元素的样式；4、改变就近元素的样式等。

html中hover属性怎么用

hover的定义

:hover 选择器用于选择鼠标指针浮动在上面的元素，它适用于所有元素

:hover 选择器适用于所有元素

hover的用法

用法一：鼠标悬浮在元素上改变元素样式

例：当鼠标悬浮在字体上，字体颜色发生改变

< style >
 h1:hover{
 color: pink;
 }
 
< body >
 < h1 >云

这个是最普通的用法了，只是改变了style样式

用法2：通过hover控制其他块的样式

这个用法可以有分为以下三种样式

（1）控制子元素的样式

< style >
 h1:hover p{
 background-color: pink;
 }
 
< body >
 < h1 >云
< p >hover的用法

（2）控制兄弟元素的样式

< style >
 h1:hover+p{
 background-color: pink;
 }
 
< body >
 < h1 >云
 < p >hover的用法

（3）控制就近元素的样式

‘～’ 控制就近元素

< style >
 h1:hover~p{
 background-color: pink;
 }
 
< body >
 < h1 >云
 < p >hover的用法

美媒：特朗普下令暂停空袭伊朗美国“Axios”新闻网7月25日援引知情人士报道，特朗普24日指示美军不得对伊朗发动新的打击，打破...

法国野火“创历史纪录”：政坛吵... 综合法媒BFM新闻台、《费加罗报》报道，当地时间7月25日中午，内政部长努内兹（Laurent Nu...

51.79亿，携程真的疼了吗？ 2026年7月25日，市场监管总局对携程反垄断案作出行政处罚：罚没款合计51.79亿元。但这个数字被...

一艘越南籍渔船在南沙遇险，29... 新华社三沙7月25日电（记者赵颖全）记者从三沙海上搜救中心获悉，25日傍晚，一艘越南籍渔船在南沙永暑...

成都如何耕好新型工业化“试验田... 7月24日，APEC数字周城市侧配套活动——制造强国建设专家研讨暨新型工业化推进交流会举行，院士专家...

活力中国调研行丨检测设备“长腿... 从排放控制的细分龙头到智能装备的新入局者，凯龙高科的转型路径，为观察传统制造业如何切入新赛道提供了一...

原创别... 别被顶级奖项光环忽悠透了！拿菲尔兹奖的王虹，道出基础科研最现实的人间落差开篇：大众脑补的名利双收，...

温州划龙桥惠耳——如何应对老年... 年近古稀的老人，近来时常出现耳鸣。周日，孩子们来了，跟她说话，声音小了她听不清，声音大了她嫌吵得慌，...

民调：包括共和党人在内，美国人... 据美国有线电视新闻网（CNN）当地时间24日报道，多项最新民调结果显示，包括许多共和党人在内，美国民...

一个人害得全县买不了榴莲，恶意... 作者：何涛责编：任绍敏据央视报道，近日，湖南衡山县人民法院审结一起案件：当地一男子用AI伪造榴莲、...