WebUpdate 2. If you want the first six only to be different (and not first 3 and last 3) you could . #id li:nth-child(-n+6) p:after { /*this means first 6*/ content: 'Nom'; color: blue; } #id li:nth-child(-n+3) p:after {/*this means first 3 and since it comes second it has precedence over the previous for the common elements*/ content: 'OM'; color: pink; } WebIntroduced in CSS2, the :first-child pseudo-class represents the very first child of its parent. That's it. There's a very common misconception that it picks up whichever child …

CSS/Selectors/pseudo-classes/:first-child - W3C Wiki

que sea el primer elemento entre sus hermanos */ p:first-child { color: lime; } Nota: Como se definió originalmente, el elemento seleccionado tenía que tener un padre. Comenzando con el Nivel 4 de Selectores ... element that is the first child of its parent: p:first-child {. background-color: yellow; } Try it Yourself ». More "Try it Yourself" examples below. dailymotion oembed

CSS :first-child Selector - W3School

WebFeb 21, 2024 · The :first-child CSS pseudo-class represents the first element among a group of sibling elements. Try it Syntax :first-child { /* ... */ } Examples Basic example … WebLa pseudo-clase :first-child de CSS representa el primer elemento entre un grupo de elementos hermanos. /* Selecciona cualquier WebSep 26, 2024 · Definition: :first – use this selector to select first element. This selector select only one single element from all related elements available on the page. :first-child – use this selector to select all first child elements from each parent. :first-of-type – use this selector to select all first child elements, of a specific type, of ... dailymotion outnumbered season 5