css 使用记录 随笔

1，使用grid，item内容溢出容器外

不能使用1fr，而要用%

原代码
.demo{
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
修改后
.demo{
   display: grid;
  grid-template-columns: repeat(3,33.3%);
}

2，父元素通过判断子元素是否存在来设置父元素样式

// 当存在.son类时，.father的color就会为red
.father:has(.son) {
  color: red;
}