css hover后面的选择

<div><img class="img" src="../public/img/时间.png" alt=""></img><P class="p">段落</P><h2 class="h2">段落2</h2><h3>段落3</h3></div>

触摸div使里面的其他元素发生变化

 /* div > p 选择 div的子元素p标签(必须是亲儿子,不隔代) */div:hover>h3 {color: salmon;}/* img + p 选择下一个(紧挨着的)符合条件的兄弟元素 */img:hover+p {color: red;}/*img ~ h2 选择后边所有符合条件的兄弟元素 */img:hover~h2 {color: purple;}

变化效果

css hover后面的选择相关推荐

css:hover选择器
:hover 选择器用于选择鼠标指针浮动上面的元素. :hover选择器可以用于所有的元素,不单是链接. 提示::link选择器设置指向未被访问页面的链接的样式,:visited选择器用于设置指向已被 ...
html js不触发_图文详解鼠标事件CSS:hover和JS:mouseover的区别
在工作中为了使页面更具有吸引力,前端开发人员经常会在页面中加上鼠标移入和移出的效果.鼠标移入移出的设置,一般有两种方法,一种是单纯用CSS中的hover伪类,另一种可以用JS 中的DOM事件,即onm ...
CSS :hover 选择器
定义和用法 :hover 选择器用于选择鼠标指针浮动在上面的元素. 提示::hover 选择器可用于所有元素,不只是链接. 提示::link 选择器设置指向未被访问页面的链接的样式,:visited ...
CSS:hover常见问题及用法
目录 hover定义 hover用法 hover问题后记 hover定义 :hover 选择器用于选择鼠标指针浮动在上面的元素 hover用法控制自身样式 <div class=" ...
js修改css hover样式,JS实现css hover操作的方法示例
JS实现css hover操作的方法示例发布时间:2020-09-01 14:46:32 来源:脚本之家阅读:118 作者:谢玉胜本文实例讲述了JS实现css hover操作的方法.分享给大家供 ...
ie6 css :hover 和 select遮挡问题、和z-index失效问题
为什么80%的码农都做不了架构师?>>> 一.hover问题 css :hover伪类失效问题, ①直接写方法: ②使用selectivizr.js; 二.select遮挡问题 ...
html按钮突出效果,这10个按钮，把 CSS HOVER 的创意发挥到极致了
这10个按钮,把 CSS HOVER 的创意发挥到极致了 7月 19, 2017 评论 Sponsor CSS hover 样式很简单,但是想创造出有意思.实用.有创意性的特效是很考验设计师的创意能力 ...
CSS:hover伪类使用
CSS:hover伪类使用 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 开发工具与关键技术:Adobe Dreamwe ...
css:hover改变另一个元素的样式
css:hover状态改变另一个元素样式的使用效果演示情景一:两个是兄弟元素情景二:两个是父子元素情景二:两个是兄弟元素,改变的是一个兄弟元素的子元素附加代码: <!DOCTYPE h ...

css hover后面的选择

触摸div使里面的其他元素发生变化

变化效果

css hover后面的选择相关推荐

最新文章

热门文章