😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ 知识运用： 条件类型的使用：文档地址...
"nth-child(1)"选择器会首先找到指定元素的父级，然后查找该父级下的第一个子元素，最后判断这个子元素是否就是目标元素。如果符合，那么样式就会应用，否则则不会。当遇到某些问题时，比如first-child不起作用，可能是因为目标元素"tap_con"的父元素"win"的第一个子元素实际上是".top"，而非"tap_...
1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} 3、nth-child(3) 表示选择列表中的第3个标签,...
nth-last-child跟nth-child一样,一个正序,一个倒序,而only-child指的是仅仅含有某指定元素或者未指定但是只有一个子元素的。 ==2== 第二组,first-chlid和last-child,是nth-child(1)和nth-last-child(1)的简写 ,不赘述。 ==3== 第三组nth-of-type,nth-last-of-type,last-of-type,first-of-type,on...
first-child表示选择列表中的第一个标签。代码如下：li:first-child{background:#090} 上面的意思是，li 列表中的 第一个li模块的背景颜色。2、last-child last-child表示选择列表中的最后一个标签，代码如下：li:last-child{background:#090} 3、nth-child(3)表示选择列表中的第3个标签，代码如下：li:nth-...
“:first-of-type”选择器类似于“:first-child”选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。 例如: /*我要改变第一个段落的背景为橙色*/ .wrapper > p:first-of-type { background: orange; ...
1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} ...
一、选择列表中的偶数标签 :nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)...
1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} ...
此外，nth-child选择器还可以使用公式来选择特定的子元素。例如，:nth-child(3n+1)会选择每隔3个子元素的第一个子元素，而:nth-child(4n+2)会选择每隔4个子元素的第二个子元素。这种灵活的选择方式使得在不同场景下应用nth-child 选择器变得更加便捷。需要注意的是，nth-child选择器对于非数值参数也可以进行选择...