/* 第一个子元素 */
p:first-of-type
{
background:#ff0000;
}
/* 最后一个子元素 */
p:last-of-type
{
background:bisque;
}
/* 选择第二个元素 */
p:nth-of-type(2){
background: violet;
}
/* 配属于其父元素的特定类型的唯一子元素的每个元素 */
span:only-of-type
{
background:saddlebrown;
}
/* 父元素的唯一子元素的每个 <p> 元素 */
b:only-child
{
background:#BCE8F1;
}
/* 父元素最后一个子元素每个 <p> 元素 */
p:last-child
{
background:#ff0000;
}
/* 父元素的特定类型的第 N 个子元素的每个元素,从最后一个子元素开始计数。 */
/* Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词 */
p:nth-last-of-type(2)
{
background:seagreen
}
css3.0选择器
最新推荐文章于 2022-07-28 16:24:18 发布