Один класс CSS, зависящий от другого

Question

Я знаю, что это простой вопрос.

Если бы я два класса CSS:

.cssclass1 { ...some element .... } 
.cssclass2 { ...some element .... } 

и я хочу, чтобы использовать их в поле ввода:

<input type="text" class="cssclass1 cssclass2" /> 

как я могу приковать это делает так cssclass2 только если он находится в том же элементе как cssclass1?

Answer 1

С селектором написан так:

.cssclass1.cssclass2 { ... } 

... вы сможете настроить список правил, которые будут применяться только в случае, если элемент имеет ОБА классы.

Answer 2

использовать это:

.cssclass1.cssclass2 { ...some element .... } 

Answer 3

Чистый CSS:

.cssclass2 { 
    display: none; 
} 

.cssclass2.cssclass1 { 
    display: block; 
} 

SCSS:

.cssclass2 { 
    display: none; 

    &.cssclass1 { 
    display: block; 
    } 
} 

Answer 4

.cssclass1.cssclass2 { 
    //... 
} 

делает именно то, что вы хотите сделать.

Для вашей записи, это:

#foo.bar 

выбирает тег, который имеет Foo как идентификатор и бар в классе. Первая решает вашу актуальную проблему, но не обязательно знать и о втором.