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

css nested class

aashish-cd answered on March 21, 2022 Popularity 10/10 Helpfulness 2/10

answer css nested class

related nested css class

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

Link to this answer
Share Copy Link

Contributed on Mar 21 2022

aashish-cd

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 class

Contents

More Related Answers

css nested class

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.