📝 代码查看
使用runcode.html页面

1
查看次数
2025-12-04
创建时间
2025-12-04
最后更新
<div class="foo" style="background-color:orange;">
    aaa
    <div class="foo" style="background-color:aqua;">
      ccc
      <div class="foo" style="background-color: magenta;">
        <div class="foo" style="background-color: violet;">lll</div>
        ddd
        <div class="foo" style="background-color: lime;">
          aaaa
        </div>
      </div>
    </div>
    <div class="foo" style="background-color:yellow;">bbb
      <div class="foo" style="background-color:pink;">aaa</div>
    </div>
  </div>
* {
  xbackground-color: rgba(0,0,0,0.08);
  xbox-shadow: inset 0 0 1px red;
}
html {
  zoom: 2;
}

div.foo {
  margin: 10px;
  border: 6px solid;
}
div.foo:not(:has(:hover)):hover {
  border-color: red;
  border-width: 6px;
}

div.foo:not(:has(:hover)):hover * {
  background-color: transparent !important;
}
暂无JavaScript代码

👁️ 实时预览