【问题标题】:Im having troubles with "Changing Multiple Divs"我遇到了“更改多个 Div”的问题
【发布时间】:2023-01-18 02:57:50
【问题描述】:

如果 div 链接 1 不是第一个,它就不起作用。

<div class="links-hover icons-hover">link 1</div>
<div class="icons">link 2</div>

如果我把它改成这个..它不起作用

<div class="icons">link 2</div>
<div class="links-hover icons-hover">link 1</div>

【问题讨论】:

  • 可以提供一些关于它显示内容的 CSS 或屏幕截图吗?你在使用任何框架或库吗?
  • 你所说的“不起作用”到底是什么意思?只有一些普通的 DIV,没有任何功能。

标签: html css background hover


【解决方案1】:
.links-hover {
height: 18px;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 0px;
}
.links-hover:hover {
background-color:aliceblue;
border-bottom: solid 0.5px #000000;
border-top: solid 0.5px #000000;
}
.icons-hover:hover ~ .icons {
background-color:aliceblue;
border-bottom: solid 0.5px #000000;
border-top: solid 0.5px #000000;
}
.icons {
position: absolute;
top: 200px;
left: 111px;
width: 20px;
height: 20px

}

<div class="links-hover icons-hover">link 1</div>
<div class="icons">link 2</div>

【讨论】:

    猜你喜欢
    • 2016-04-21
    • 2019-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-13
    • 2011-04-17
    相关资源
    最近更新 更多