ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

css 使用记录 随笔

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;
}

 

返回列表