css parent color depend child status All In One

css parent color depend child status All In One

CSS :has selector

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

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

Global 0%, 不支持 ❌

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

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

demo

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

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, 禁止转载 🈲️，侵权必究⚠️！

---