css之伪类hover改变自身、子元素、其他元素的样式_a.通过对不同元素hover伪类设置,完成对自身元素宽度高度的改变; b.通过对p元素

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

骑白马的沙滩裤 · 泳池设备,无边际泳池,无边际泳池机组,别墅泳 ...· 6 天前 ·

玩篮球的四季豆 · 日期选择框样式调整 - 技术交流 - ...· 1 月前 ·

近视的香菜 · 浔川python社突破300个粉丝啦！——浔 ...· 4 月前 ·

焦虑的皮带 · Windows10改变显示字体的大小_w10 ...· 4 月前 ·

斯文的洋葱 · 高速公路路面工程砂石用量· 5 月前 ·

有时候我们想在鼠标移动到元素上的时候，改变自身、子元素、其他元素的css样式，除了通过js事件的方式实现外，还可以通过纯css实现，即通过伪类hover改变自身、子元素、其他元素的样式

hover改变元素自身样式

<div class="father1">
	<div class="son1">子元素</div>
</div>
<div class="father1-brother">其他元素</div>
.father1:hover {
	background: #f2ee24;
hover改变子元素样式
 
<div class="father1">
	<div class="son1">子元素</div>
</div>
<div class="father1-brother">其他元素</div>
.father1:hover .son1 {
	background: #f2ee24;
hover改变其他元素样式
 
<div class="father1">
	<div class="son1">子元素</div>
</div>
<div class="father1-brother">其他元素</div>
.father1:hover +.father1-brother {
	background: #f2ee24;
                    css之伪类hover改变自身、子元素、其他元素的样式前言hover改变元素自身样式hover改变子元素样式hover改变其他元素样式前言有时候我们想在鼠标移动到元素上的时候，改变自身、子元素、其他元素的css样式，除了通过js事件的方式实现外，还可以通过纯css实现，即通过伪类hover改变自身、子元素、其他元素的样式hover改变元素自身样式&lt;div class="father1"&gt;	&lt;div class="son1"&gt;	&lt;/div&gt;&lt;/div&g
				控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案
					24627

推荐文章

骑白马的沙滩裤 · 泳池设备,无边际泳池,无边际泳池机组,别墅泳池设备,,泳池水处理设备,戴高乐泳池设备厂家 - 戴高乐泳池设备

6 天前

玩篮球的四季豆 · 日期选择框样式调整 - 技术交流 - jQuery MiniUI - Powered by Discuz!

1 月前

近视的香菜 · 浔川python社突破300个粉丝啦！——浔川总社部-CSDN博客

4 月前

焦虑的皮带 · Windows10改变显示字体的大小_w10字体怎么放大-CSDN博客

4 月前

斯文的洋葱 · 高速公路路面工程砂石用量

5 月前