:last-child表示其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效。 :last-of-type 关于:last-of-type手册中是这么解释的: The :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling elements. CSS伪类:last-of-type代表在一群兄弟元素中的最后...
The :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling elements. CSS伪类:last-of-type代表在一群兄弟元素中的最后一个指定类型的元素。 听起来可行,试试: // css.p{display:block;margin:10px0;border-bottom:1px solid #000;}.p:last-of-type{border...
匹配不成功 .p:last-of-type{background:rgb(235, 172, 172); } 这是一个p标签 with class 'p'这是一个p标签 with class 'p'这是一个p标签 with class 'p'这是一个p标签 with class 'p'I am a div 匹配成功
css选择器非常之多,常见的如class选择器,id选择器,标签选择器等等。每个的用法都有所区别,虽然很多都能到达同样的效果,但还是有一些更优的选择。 class、id、标签选择器 这个几个就不细说了,class和标签选择器主要用来设置样式上面,id选择器推荐不要用在css样式上,更多是用在js操作dom时,选择元素。 如: ...
CSS :last-of-type Pseudo Class ❮ Prev Next ❯ The CSS :last-of-type pseudo-class selects an element that is the last element of its type in the list of children of its parent. The :last-of-type pseudo-class is the same as the :nth-last-of-type. Version CSS2 Universal ...
last-of-type就是指最后一个指定标签的最后一个 The first paragraph.The second paragraph.The third paragraph.The fourth paragraph.hahahhaah.last:last-of-type { background:#ff0000; } 因为没有指定是p还是div所以是两个都选中了,但是如果是last-child的话,只能是最后一个div被加上类,如果写p.last...
The preceding code contains three CSS rules, with the last two rules using custom attributes to select elements: .list and #msg. .list is a class selector. Each HTML element that contains a class attribute set to list gets the styles that are defined within this selector. #msg is an ID...
可以同时为一个元素指定多个class属性,多个class之间用空格隔开。 4、通配选择器: 作用:选中页面中的所有元素。 语法:* 5、复合选择器: 作用:选中同时复合多个条件的元素。 语法:选择器1选择器2选择器3选择器n{} 注意:交集选择器中如果又元素选择器,必须使用元素选择器开头。
.list item:last-child { /* 关键代码:在.item类选择器上应用:last-child伪类 */ background-color: green; color: yellow; } <!-- HTML --> 第 1 行 第 2 行 第 3 行 第 4 行 第 5 行 第 6 行 <!-- 以上都是 p 标签 --> 第 7...