What is the meaning of .classname .classname in css?

Question

        .question-list .options {
            min-width: 240px;
        }

Max width property will apply to both( question-list .options ) or not ?

No, It will be applied to .options class within .question-list class, If you want to apply to both classes, use comma(,) to separate them ```.question-list, .options``` — Srushti Shah, May 01 '23 at 10:52

score 0 · Answer 1 · answered May 01 '23 at 10:59

0

max-width property will be applied to an element with class .options that is inside an element with class .question-list

<div class="question-list"><div class="options">this element has max-width</div></div>

answered May 01 '23 at 10:59

Peter

score 0 · Answer 2 · answered May 01 '23 at 11:04

min-width property will be applied to an element with class .options that is inside an element with class .question-list

<div class="question-list"><div class="options">this element has been targeted</div></div>

In order to target both .question-list and .options you should put comma between them:

.question-list, .options {
    min-width: 240px;
}

2 Answers2