一、css not 在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;}”;该选择器匹配非指定元素/选择器的每个元素。 二、last-of-type :last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。 三...
}.posts li{border-bottom:1px solid #000;margin-bottom:.5rem;padding-bottom:.5rem; }.posts li:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0; } 运行结果: 我们再看一下使用:not(:last-of-type)来简化: .posts{list-style:none;width:400px;margin:0;padding:20px;margin:4re...
CSS3技巧巧妙使⽤：not（：last-of-type）简化你的css代码终于找到了⼀个好⽅法，使⽤:not(:last-of-type)简单⽅便，再也不要⿇烦的单独使⽤:last-of-type了，不错！应⽤场景：平时我们的列表⼀般都会有分割线，但是最后⼀个列表没有分割线等。 123123 123123 123123 123123 123123 .posts...
body div:last-of-type 满足条件,body下的所有DIV元素,最后一个DIV 5,:only-of-type选择其父元素上的唯一一个相同类型的子元素 6,:empty()空选择器 7,:not()否定选择器 1 2 3 4 5 *{ margin:0; padding:0; } nav{ margin:0 auto; width:530px...
:nth-last-of-type(an+b) 这个 CSS 伪类 匹配那些在它之后有 an+b-1 个相同类型兄弟节点的元素,其中 n 为正值或零值。它基本上和 :nth-of-type 一样,只是它从结尾处反序计数,而不是从开头处。 完整CSS选择器参考手册 在线示例 给倒数第2个span元素填充背景色: 示例 <!DOCTYPE html> 菜鸟教程(ca...
CSS3 :nth-last-of-type() 选择器 完整CSS选择器参考手册 实例 指定每个p元素匹配同类型中的倒数第2个同级兄弟元素背景色: p:nth-last-of-type(2) { background:#ff0000; } 尝试一下 » 定义和用法 :nth-last-of-type(n)选择器匹配同类型中的倒数
:nth-last-child 伪类 :nth-last-child伪类与:nth-child类似,但是从最后一个子元素向后计数。 :only-child 伪类 当需要选择在其父级元素中唯一的一个子元素时,可以使用:only-child伪类。 :first-of-type 伪类 :first-of-type伪类选择在其父元素中的特定类型的元素中的第一个元素。
【3】:root、:not、:empty、:target :root选择文档的根元素:not选择除某个元素之外的所有元素:empty选择没有子元素的元素,而且该元素也不包含任何文本节点:target 匹配锚点对应的目标元素 注意::not选择器常用于导航之间的竖线处理,如li:not(:last-of-type) ...
css not - CSS (1) jQuery | :last-of-type 选择器(1) jQuery | :last-of-type 选择器 jQuery | :last-of-type 选择器(1) jQuery | :last-of-type 选择器 css all children of type - CSS 代码示例 css all children of type - CSS (1) C++ string.find_last_not_of()函数 C+...
We can use the CSS:not(:last-of-type)selector to target all paragraphs except the last one within the.containerdiv: .container p:not(:last-of-type) { color: blue; } This will apply a blue color to all paragraphs except the last one. ...