css3.0选择器

it2025-05-27  10

/* 第一个子元素 */ 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 }

最新回复(0)