第一种方法:使用not选择器 :not(:first-child) div:not(:first-child){display:flex; } 第二种方法:使用nth-of-type选择器,与第一种类似,只不过多了元素类型 第三种方法:使用nth-child选择器(匹配div父元素的第2个及之后的子元素) div:nth-child(n+2){display:flex; } 有问题可直接留言,望各位与我都...
:not(:nth-of-type(1)) :not(:first-of-type) 方法一:使用 :not(:first-child) 排除第一个子标签 :not(:first-child)选择器定义了不选择父标签的第一个子标签的规则。这个选择器将帮助我们排除第一个元素应用的 CSS 样式。 让我们举一个简单的例子,学习如何应用选择器来不选择第一个子标签。 例子 这...
n是从0开始的,那么n+2自然就是从第2个元素开始了,同理如果选中单数元素那么就是2n+1,如果是想选中双数元素,那么就应该写成2n+2;具体情况可以根据项目情况使用。 方法三:使用伪类选择器:not li:not(:first-child){} 方法四:巧妙使用 + 或者 ~ 兄弟选择符 ul li + li{}ul li ~ li{} 说明: + 选择...
与其他选择器结合使用 :not()选择器还可以与其他CSS选择器结合使用,从而创建更复杂的样式规则。例如,我们可以使用:not()和:first-child选择器一起,以排除列表中的第一个和最后一个项目: li:not(:first-child):not(:last-child) { color: green; } 在这个例子中,只有第二个和第三个列表项的文字颜色会变成...
:not(:first-child) 替换成 :not(:first-of-type) :first-child 匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素。 :first-of-type 匹配的是某父元素下相同类型子元素中的第一个,比如 p:first-of-type,就是指所有类型为p的子元素中的第一个。这里不再限制是第一个子元素了,只要是该...
div p:not(.demo-class1, .demo-class2) { color: red; } 这样,class 名为 demo-class1和demo-class2的元素都不会被选中。 注意点 使用:not() 时,有几种不寻常的效果和结果需要注意: 可以使用此伪类编写无用的选择器。例如,:not(*) 匹配任何不是元素的元素,这显然是荒谬的,所以这个附加的规则将永远...
BO：全称是business object:业务对象主要作用是把业务逻辑封装为一个对象。这个对象可以包括一个或多个其...
有的，包括：“:not(:first-child)”、“:nth-child(n+2)”两种方式。1、:not(:first-child)：其中，E:not(s)表示匹配所有不匹配简单选择符s的元素E，E:first-child匹配同级兄弟元素中的第一个E元素。2、:nth-child(n+2)：其中nth-child表示第几个son，n+2表示从第二个开始(即所有的n都...
元素选择器选中了页面标题,并将文字颜色设置为深灰色 (#333),字体大小设置为 24 像素。 元素选择器选中了段落元素,并将文字颜色设置为浅灰色 (#666),字体大小设置为 16 像素。 这样,通过使用元素选择器,我们成功地为页面标题和段落元素分别应用了不同的样式,从而使它们在页面上以不同的外观呈现出来。这是一个...