css parent color depend child status All In One

CSS :has

div{
  background: #fff;
  color: #000;
  border: 1px solid red;
  width: 200px;
  height: 200px;
}

.parent:has(> p.child) {
  background: #000;
  color: #0f0;
}

https://css-tricks.com/the-css-has-selector/

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

Global 0%, 不支持

https://caniuse.com/?search=CSS %3Ahas

https://stackoverflow.com/questions/8114657/how-to-style-the-parent-element-when-hovering-a-child-element

refs

?xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有??xgqfrms, 禁止转载 ???，侵权必究??！