Css first element

Css first child

:first-child {
	//styles here
}

:nth-child(1) { //the benefit of this is you can do it for 2nd, 3rd etc...
	//styles here 
}

Css first element

p:first-child {
  font-size: 1.5em;
}

Source: css-tricks.com

Css first

:first-of-type {//styles here}:first-child {
	//styles here
}

:nth-child(1) { //the benefit of this is you can do it for 2nd, 3rd etc...
	//styles here 
}

Css first h element

p:first-of-type {
  font-size: 1.25em;
}

Source: css-tricks.com

Select first div css

#content div:first-child {
/*css*/
}

Select first div css

#content_id div.class_name:first-child {
	/*your style*/
}

Similar codes

1 vote338 views1 answer
Animate font weight css
CSS
-1 vote300 views1 answer
Grabber shortcuts
CSS
0 vote289 views1 answer
Tailwindcss init full
CSS
1 vote314 views1 answer
Scroll start from bottom css
CSS
0 vote301 views1 answer
Colored button link
CSS
20 votes312 views2 answers
No select css
CSS
7 votes276 views6 answers
Tailwind css cdn
CSS
0 vote279 views1 answer
Details summary hide arrow
CSS
1 vote300 views6 answers
Tailwind css in react
CSS
1 vote306 views1 answer
I used overflow-y : scroll but the scroll bar keep on showing
CSS