Breaking News: Grepper is joining You.com. Read the official announcement!

css nested

Abraham Adamu answered on December 29, 2021 Popularity 10/10 Helpfulness 2/10

answer css nested

related nested css class

css nested

Comment

<div>
	<p>hi</p>
</div>

div p { //selects all paragraphs inside div
  color: red;
}

div > p { //selects only direct child paragraphs of div (not further nested)
  color: red;
}

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css nested

Link to this answer
Share Copy Link

Contributed on Dec 29 2021

Abraham Adamu

0 Answers Avg Quality 2/10

Closely Related Answers

nested css class

Comment

/* 
Nesting is a really useful tool with CSS espically when matched with the class .page-id-? this
allows you to make a really tuned down piece of code which should only effect that single element

How do nested classes work?

Nested classes work by using the greater than symbole on your keyboard also knowwn as >
You use nested classes like the following
*/
.page-id-10 div > p > p > p{
font-size: 20px ; 
font-weight: 500 ;
}
/* 
What this is doing is going down the HTML channel of classes to target one very specific point
something not a lot of people know if you use dev tools in chrome if you go to inspect 
find the element you want to targer and right click the HTML and hovery over copy and
click "copy selector" this will give you the full nest allowing you to target that single 
element
*/

Popularity 9/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: class clas

Link to this answer
Share Copy Link

Contributed on Aug 03 2023

Ryan Mckenna

0 Answers Avg Quality 2/10

css nested

Contents

More Related Answers

css nested

Closely Related Answers

nested css class

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.