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

What's the difference between `.class1.class2` and `.class1 .class2` CSS rule?

pra's play answered on March 31, 2022 Popularity 2/10 Helpfulness 1/10

answer What's the difference between `.class1.class2` and `.class1 .class2` CSS rule?

What's the difference between `.class1.class2` and `.class1 .class2` CSS rule?

Comment

Spacing in between class specifiers means a ascendant -> descendant relationship.

The rule:

.test .heading { font-weight: bold; }

Would apply to the <p> element here:

<span class="test"><p class="heading">Something</p></span>

The lack of space means that the element must have both classes for the rule to apply.

The rule:

.heading.major { color: blue; }

Would apply to the <p> element here:

<p class="heading major">Major heading</p>

..........................................


.class1.class2 

= matches element that has both classes.

.class1 .class2

= matches element with class2 inside element with class1.

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: between css difference whatever

Link to this answer
Share Copy Link

Contributed on Mar 31 2022

pra's play

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

What's the difference between `.class1.class2` and `.class1 .class2` CSS rule?

Contents

More Related Answers

What's the difference between `.class1.class2` and `.class1 .class2` CSS rule?

Grepper

Documentation

Social

Legal

Contact

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