CSS中的hover设置

1. 父子关系

父子关系：即需要添加效果的元素包裹在hover元素里，可以直接在父标签后紧跟hover再加空格，后面跟上子元素类名即可。

html

<div class="box1"><div class="box2">
</div>

css

.box1:hover .box2{display:block}

2. 兄弟关系

兄弟关系：即两个元素是同级关系。需要将父子关系中的空格换成加号“+”。

html

<div class="box1"></div>
<div class="box2"></div>

css

.box1:hover+.box2{display:block}

CSS中的hover设置相关推荐

鼠标的移入、移出事件与css中的hover伪类
开发工具与关键技术:html+css+js 作者: 李伙撰写时间: 2019年1月19日鼠标的移入.移出事件是一个模仿悬停事件(鼠标移入到一个对象上以及移出这个对象)的方法,当鼠标移动到一个匹配的 ...
html中怎么设置渐变颜色设置,css中渐变色怎么设置
这篇文章主要介绍了css3编写浏览器背景渐变背景色的方法,现在分享给大家,也给大家做个参考. css中渐变色怎么设置 css 给网页中的背景设置渐变色,css的渐变颜色可以指定固定的两个颜色之间的线性 ...
html中相对定位怎么写,css中的怎么设置相对定位？
设置为相对定位的元素框会偏移某个距离.元素仍然保持其未定位前的形状,它原本所占的空间仍保留. css中的怎么设置相对定位? 想要设置相对定位,需要在元素中使用position属性,将其值设置为rela ...
CSS中的透明度设置
CSS3中透明度设置 1.两种设置方式语法 background-color:rgba(r,g,b,a):r:红 g:绿 b:蓝 a:透明度 background-color:rgb(r,g,b) ...
php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
CSS中滚动条样式设置
滚动条样式设置 ::-webkit-scrollbar滚动条整体部分 ::-webkit-scrollbar-thumb滚动条里面的小方块---滑块,能向上向下移动(或往左往右移动,取决于是垂直滚动条 ...
html中的盒子设置时间设置,CSS中的间距设置与盒子模型
备忘:mybatis 3的使用记录这是一篇记录.mybatis是一个部分模仿ORM的framework.是一个介于ORM和原始JDBC的框架.既可以提供ORM的操作对象的特性,又能从详细地控制最终的 ...
css 中的颜色设置
常用的有三种方式: 一.十六进制颜色: #RRGGBB,其中RR:红色,GG:绿色,BB:蓝色: (注意:所有取值必须在 0 和 FF之间,F是16): 二.RGB颜色 rgb(红,绿,蓝) (注意: ...
html中hover的作用,hover在css中的作用是什么
hover在css中的作用是什么发布时间:2020-12-07 10:26:29 来源:亿速云阅读:143 作者:小新这篇文章给大家分享的是有关hover在css中的作用是什么的内容.小编觉得挺 ...

CSS中的hover设置

CSS中的hover设置相关推荐

最新文章

热门文章