css hover控制其他元素

<html>
<body>
<style>#a:hover {color : #FFFF00;}#a:hover > #b:first-child{color : #FF0000;}    #a:hover > #b{color : #FF00FF;}  #a:hover + #c{color : #00FF00;}#a:hover + #c > #b{color : #0000FF;}
</style>
<div id='a'>元素1<div id='b'>元素2</div><div id='b'>元素2</div>
</div>
<div id='c'>元素3<div id='b'>元素2</div>
</div>
</body>
</html>

.pic_box:hover > img:nth-child(1){
       transform: translate(-70px, 0);
       transition: 0.5s;
   }

包含：

.container:hover .cu_toolbar{display:block;}

css hover控制其他元素相关推荐

css hover控制同级元素
html <div class="download">下载按钮</div> <div class="sousuo">搜索按钮 ...
css hover控制子元素、同级元素样式
引用:获得最佳方案的参考网址这是参考网址的原案 1.父子关系 .a:hover .b{color:red}; 2.同级相邻元素 .a:hover + .b{color:red}; 同级不相邻元素 . ...
css hover控制同级上级子级
<div class="div"><em class="em">m6</em> </div>.div:hover ...
css:hover改变另一个元素的样式
css:hover状态改变另一个元素样式的使用效果演示情景一:两个是兄弟元素情景二:两个是父子元素情景二:两个是兄弟元素,改变的是一个兄弟元素的子元素附加代码: <!DOCTYPE h ...
CSS hover 父对子、子对父、同级之间的控制
1,父对子是指父元素触发hover事件,并且控制父元素中的子元素做出响应. <div class="d1"><p class="p1"> ...
CSS中hover改变其他元素样式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <m ...
html鼠标元素效果,如何使用CSS实现鼠标移动控制页面元素效果？（代码示例）...
本篇文章给大家介绍一下使用css映射的鼠标位置,实现通过鼠标移动控制页面元素效果的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 映射鼠标位置或实现拖拽效果,我们可以在 Jav ...
css中为伪元素增加点击事件和hover
鼠标悬停在父元素上面时为伪类元素增加样式  <div class="father"></div><style ...
CSS复合选择器，元素的显示模式，CSS背景设置
CSS复合选择器,元素的显示模式,CSS背景设置欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页- ...

css hover控制其他元素

css hover控制其他元素相关推荐

最新文章

热门文章