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

nested css class

Add Answer

Ryan Mckenna answered on December 29, 2021 Popularity 9/10 Helpfulness 1/10

answer nested css class

related css nested class

related css nested

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 css nested

Link to this answer
Share Copy Link

Contributed on Aug 03 2023

Ryan Mckenna

0 Answers Avg Quality 2/10

Closely Related Answers

css nested class

Comment

.class1{
	// class1 styles
    display: flex;
    flex-direction: column;
    width: 90%;
    .class2{
    	//class2 styles
        display: flex;
        flex-direction: row;
        width: 30%;
        align-items: center;
        justify-content: center;
    }
}

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 21 2022

aashish-cd

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Dec 29 2021

Abraham Adamu

0 Answers Avg Quality 2/10

nested css class

Contents

More Related Answers

nested css class

Closely Related Answers

css nested class

css nested

Grepper

Documentation

Social

Legal

Contact

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