:has()用于查找奇数网格

2022-08-0562次阅读csscss模块

:has()用于查找奇数网格

.items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 5vw;
}

@media (max-width: 800px) {
	.items {
    grid-template-columns: 1fr 1fr;
  }
	
	.items:has(.item:last-of-type:nth-of-type(odd)) .item:first-of-type {
		grid-column: 1 / -1;
	}
}

 

上一篇: del/ins标签的cite和datetime属性  下一篇: background-attachment实现css滚动指示器  

:has()用于查找奇数网格相关文章