正在回答 回答被采纳积分+1
1回答
好帮手慕小李
2022-02-22 10:15:16
同学你好，这两个写法是有区别的如下例：
以上结构为div1是最大父级，其中包含第一层div2 与div4 ，div2中包含div3。效果如下：
那么当使用到.div1:hover div 时我们看下效果：
当移入div1时，div1下的所有div全部都变了颜色。
那么我们使用以下形式在看看效果。
当移入div1时并没有发生任何变化。
但是同学的疑惑可能不再此，那么这里有个知识点，如果说xxx:hover div 那么xxx下面的所有div都会受到影响。
如果说只想让div1下的第二个div受到影响，那么则需要用到+。如下：
效果如下：
同学自己试试，祝学习愉快！
-
.border:hover div 可不可以翻译成 当鼠标经过border时，border下的div做出某种变化，
.border:hover+div可不可以翻译成，当鼠标经过border时，border和border后面的同级兄弟div同时做出某种变化？
2022-02-22 10:35:42 -
同学你好，第一种是可以这么理解，第二种同学如果尝试敲敲例子会发现，这种写法并没有生效。但是这里同学用到了+符号，这个符号是在同级别标签中，除了当前之外后面的同级标签做出某种变化。如下例：
效果如下：
同学对比css中li+li这一句样式来看，是不是除了第一个li之外的li的背景色都做出了改变，那么在css中“+”符号是这个意思，那么回到div:hover +div 这个例子中来看，hover后面没有跟任何标签，所以它并没有生效。
祝学习愉快！
2022-02-22 11:52:09
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星