所以,当你使用.sub:last-of-type并且你使用所有的DIV时,你实际上是在说“最后一个div也有类.sub“。
我认为您的困惑在于:last-of-type可以被认为是“标签的最后一个”而不是“选择器的最后一个”。所以...
如下代码所示,要对class值为children的第一个和最后一个背景色单独设置,为什么first-of-type有效果,last-of-type不起作用呢? 1 2 3 4 5 就是不一样 .children{ display:inline-block; width:50px; height:50px; background:gray; &:first-of-type{ background:pink; } &:last-of-type { backgroun...
用的也确实不多,也就用过一些:first-child,:hover之类的吧,其它的连before什么的都没用过,于是迫切...
这是一个p标签 with class 'p' .p:last-of-type,是匹配到 (1).test中的最后一个.p元素(注意这儿是classname) (2)该.p元素是.test的最后一个p元素。 必须同时满足以上两个条件,才能成功匹配到一个p元素,否则你的css样式很可能不生效,自己还傻乎乎的嚎:为什么啊?! 为了加强理解,下面举几个🌰: 为...
<!DOCTYPE html> .p:last-of-type { background:#ff0000; } 这是标题 这是第一个段落。 这是第二个段落。 这是第三个段落。 这是第四个段落。 11 对类名.p.last-of-type不起作用,换成p.last-of-type就好了,为什么对类名不起作用?css 有用1关注7收藏1 回复 阅读13.9k 5 个回答...
讨论一下:last-child与:last-of-type之间的区别,和使用场景。加强记忆。工具/原料 sublime 浏览器 背景 1 在做列表的时候,会经常遇到最后一个元素与其他元素在样式上会有差异的情况。如果是单纯的静态页面,可以使用class去控制。也可以在页面渲染结束之后,使用js去控制。若对于兼容性的要求并非那么严格,可以使用...
div .pic-container:last-child当然也是选中不了的,最后一个子元素都不是.pic-container这个class. first-of-type和first-child 同理. 所以为了避免这种情况,还是不要用last-of-type去和class绑定了 I believe your apartment is on fire
如果是单纯的静态页面,可以使用class去控制。也可以在页面渲染结束之后,使用js去控制。若对于兼容性的要求并非那么严格,可以使用css去控制。个人建议使用css控制。 然而,就在这种情况下,我遇到了一个问题,就是:last-child与:last-of-type经常搞混,不知什么情况下使用哪个。
使用 JetBrains 大概有 7 年左右。 在这么多年的学习编程和使用 JetBrains 全家桶的过程中,我认为 ...