CODEWITHSUNDEEP
cssperformance
Yim
Yim

Reputation: 113

Which should I use? (performance)

I want to know a simple thing:

when setting up a style that is inherited by all its children, is it recommended to be most specific?

Structure: html > body > parent_content > wrapper > p

I want to apply a style to p but respecting these:

So what should I use?

#parent_content{
    color:#555;
}

#parent_content p{
    color:#555;
}

#wrapper{
    color:#555;
}

#wrapper p{
    color:#555;
}

/*...etc...*/

Also, some links to tutorials about this would be great

Upvotes: 1

Views: 129

Answers (1)

Starx
Starx

Reputation: 78971

In the matter of specificity, give an id to the p and use

#paragraphid {}

But the answer depends what actually are your need. I will break down your code

#parent_content{
    color:#555;
}

Will apply the color the text inside and may be inside its children also

#parent_content p{
    color:#555;
}

Will apply the color to all the p inside #parent_content and its children

#wrapper{
    color:#555;
}

Will apply the color to all the text inside it, and of its children

Upvotes: 1

Related Questions