我将这坨伪类分成三组,第一组:nth-child,nth-last-child,only-child第二组:nth-of-type,nth-last-of-type,第三组:first-of-tpye,last-of-type,第四组:first-child,last-child。 ==1== nth-child定义是:其父级的第x个子元素。写法有两种: p :nth-child(x) p:nth-child(x) 第一种指的是p的第...
p:nth-last-child(1){color:#f00;} 因为倒数第1个p,其实是倒数第2个子元素。基于选择符从右到左解析,首先要找到第1个子元素,然后再去检查该子元素是否为p,如果不是p,则n递增,继续查找 假设不确定倒数第1个子元素是否为E,但是又想命中倒数第1个E,应该这样写: p:last-of-type{color:#f00;} 或者这...
但是,但是,但是,我遇到这两个css选择器之后,刷新了我的看法,用css就能实现1到9张图不同张数排版不一样的问题。对就是first-child和nth-last-child 配合使用,一起走进这2个选择器吧! 1.first-child 第一个元素 当前选择元素第一个元素,例如:.box p:first-child 就是box下面的第一个p元素,注意这里如果你...
实例1 奇数和偶数是可以作为关键字使用用于相匹配的子元素,其索引是奇数或偶数。 在这里,我们为奇数和偶数的倒数p元素指定两个不同的背景颜色: p:nth-last-child(odd) { background:#ff0000; } p:nth-last-child(even) { background:#0000ff; } 尝试一下 » ...
CSS | :not(:last-child):after 选择器(1) CSS | :root 选择器(1) CSS 选择器之 :nth-last-child() nth-last-child() 是CSS 选择器中的一种,它能够选中最后的若干个子元素。这个选择器类似于 :nth-child(),不同之处在于它是从后往前计数选择元素。 语法 nth-last-child(an) 选择所有倒数第 an ...
jQuery | :nth-last-of-type() 选择器(1) jQuery | :nth-last-child() 选择器 简介 在JQuery 中,:nth-last-child() 选择器用来选取父元素中倒数第 N 个子元素。和 :nth-child() 基本相似,只是从结尾开始数,而不是从开头数。 语法 :nth-last-child(index/even/odd) 复制 index: 必须。整数值,表示...
nth-last-child(1)选择的是div下的最后一个p(倒数第一个p),不是倒数第一个div。所以如果没有:first-child,那么所有div的最后一个p都会应用边框样式,但是,又有:first-child,所以,first-child选择的是第一个p,nth-last-child(1)选择的是div下的最后一个p,除了第一个div,其他div下的第一个p和最后一个p都...
下面选择父元素的第1个子元素的是( )A.E:nth-child(1)B.E:only-childC.E:last-childD.E:nth-last-child(1)
下面选择父元素的第1个子元素的是( ) A、E:nth-last-child(1) B、E:nth-child(1) C、E:last-child D、E:only-child 点击查看答案&解析 广告位招租 联系QQ:5245112(WX同号)你可能感兴趣的试题 不定项选择 文化的概念具有个体性。 A.错误 B.正确 点击查看答案&解析 单项选择题“我一生最大的不幸...
相邻的同级选择器(+)将仅直接选择元素following--您需要一般同级组合符(~)。请参见以下示例: .item1:hover ~ .item2 div,.item1:hover ~ .item3 div { background: red;} Hover me please Color me two please Color me three please (值得一提的是,connexo的答案利用了同样的方法,但也通过利用:is(...