css3 not选择器 CSS3 :nth-of-type() 选择器

css3 not选择器

CSS3 not选择器是CSS3中新增的一种选择器，它可以用来排除特定的元素。它可以帮助我们快速地找到页面中不包含特定元素的元素，而不必再使用复杂的选择器。

not选择器的语法是：selector:not(subselector)，其中selector表示要匹配的元素，subselector表示要排除的元素。例如：

div:not(.class1) { 
    background-color: #ccc; 
}

上面代码表示，所有div元素都会设置背景色为#ccc，但是class1这个class名字的div不会设置背景色。

not选择器也可以用来匹配多个子选择器。例如：

div:not(.class1, .class2) { 
    background-color: #ccc; 
}

上面代码表明，所有div元素都会设置背景色为#ccc，但是class1和class2这两个class名字的div不会设置背景色。

此外，not选择器也可以用来匹配一些特定的HTML标记。例如：

:not(h1, h2, h3, h4, h5, h6) { 
    font-size: 14px; 
}

上面代码表明，所有h1到h6标记之外的标记都会使用14px大小字体显示文字内容。

总之，CSS3 not选择器是一个很强大而又方便使用的工具，它可以帮助我们快速地找到不包含特定元素、特定选择器或者特定HTML标记的元素。因此在开发Web应用时应该尽量使用这一工具来减少开发时间并提升效率。

CSS3 :nth-of-type() 选择器

p:nth-of-type(2)
{
background:#ff0000;
}

p:nth-of-type(odd)
{
background:#ff0000;
}
p:nth-of-type(even)
{
background:#0000ff;
}

p:nth-of-type(3n+0)
{
background:#ff0000;
}