:nth-child(n) :nth-last-child(n) :nth-of-type(n) :nth-last-of-type(n) :optional :out-of-range :required ::selection :target :valid 浏览器兼容 :fullscreen ::placeholder :read-only :read-write ::selection 注意事项 区分大小写 不要以数字开头 锚伪类 区别 id 选择器与类选择器的区别 ...
.myTableRowtd:nth-child(n+2):nth-child(-n+4){ background-color:#FFFFCC; } 这更清楚一点,因为它包含了范围内的数字(2 和 4),而不必从末尾倒数。 它也更健壮一些,因为您不必考虑项目的总数。 澄清: 1 2 :nth-child(n+X)/* all children from the Xth position onward */ :nth-child(-n+x...
li:last-child { background-color: red; } 3）:nth-child(n)：选取父元素中第n个子元素。示...
I have a bit of css code and each div child needs to have a property. Hence it looks like this. It goes from 0 all the way to 19. div:nth-child(0) { transform: translate3D(0%, 0%, calc(var(--itemZ) * var(--cameraSpeed) * 0 * -1px)); } div:nth-child(1) { trans...
:nth-child(an)---匹配所有倍数为a的元素。其中参数an中的字母n不能缺省。 :nth-child(an+b) |:nth-child(an-b)---倍数分组匹配,其中a,b均为正整数或0, 举例:li:nth-child(4n+1){color:green;} 或者是4n-7 :nth-child(-an+b)反向倍数分组匹配 ---从第b个开始往回算,最多也不会超过b个。
其他的:nth-child跟想要的常规选择器的作用一样,只是加了个索引值。 2. 使用UI伪类选择器 说那个UI伪类选择器可以根据元素的状态匹配元素。下表概括了UI选择器: 2.1 选择启用或禁用元素 有些元素有启用或者禁用状态,这些元素一般是用来收集用户输入的。:enabled和:disabled选择器不会匹配没有禁用状态的元素。
*(nth-child从1开始) :nth-last-child(n) 倒数第n个子元素 :nth-of-type(n) 父元素下的第n个指定类型的子元素 :nth-last-of-type 父元素下的倒数第n个指定类型的子元素 :first-child 选择父元素下的第一个子元素 :last-child 选择父元素下的最后一个子元素 ...
:first-child 伪类 :first-child伪类用于选择父元素中的第一个子元素。 :last-child 伪类 :last-child伪类用于选择父元素中的最后一个子元素。 :nth-child 伪类 :nth-child伪类根据元素在父元素中的位置进行选择,允许进行各种选择。:nth-child还可以自定义模式选择元素: ...
ul li:nth-child(3) { color: green; } 复制 This will select the third li element within a ul and apply the color: green style to it. Selecting a range of children To select a range of children of a parent element, use the :nth-child(n+m) selector, where n is the position of...
:nth-child(2n-1)选取奇数标签,2n-1可以是odd .demo01 li:nth-child(2n-1){background:#090} :nth-child(3n+1)自定义选取标签,3n+1表示“隔二取一” .demo01 li:nth-child(3n+1){background:#090} :last-child选取最后一个标签 .demo01 li:last-child{background:#090} ...