CSS nth-child/nth-of-type选择器+overflow / BFC篇

最新推荐文章于 2024-05-04 04:33:35 发布

believealone

最新推荐文章于 2024-05-04 04:33:35 发布

阅读量440

点赞数

分类专栏： HTML+ CSS 学习笔记

本文链接：https://blog.csdn.net/believealone/article/details/107146848

版权

本文详细介绍了CSS中的nth-child和nth-of-type选择器，包括它们的语法和使用场景，以及两者之间的区别。同时，文章还探讨了overflow属性与BFC（Block Formatting Context）的概念，解释了BFC的形成条件及其布局规则，强调了BFC在解决元素重叠和高度计算问题上的作用。

摘要由CSDN通过智能技术生成

nth-child选择器

语法：

选择器:nth-child(公式) {

}

1. 选择器E:nth-child(大于0的整数number) {
     
					
				   }
找到选择器E表示的元素的父级里第number个子元素, 且保证该子元素的类型是E选择器类型的.

例：ul li:nth-child(2) {
     
				background-color: red;
			}
			

2.  选择器E:nth-child(2n+1) {
     
					
				   	}
	选择器E:nth-child(odd) {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

believealone

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS nth-child/nth-of-type选择器+overflow / BFC篇

nth-child选择器语法：选择器:nth-child(公式) { }1. 选择器E:nth-child(大于0的整数number) { }找到选择器E表示的元素的父级里第number个子元素, 且保证该子元素的类型是E选择器类型的.例：ul li:nth-child(2) { background-color: red; } 2. 选择器E:nth-child(2n+1) { }
复制链接

扫一扫