Непонятный селектор css

@Krasnoyar · Регистрация: 13.09.2014

Студворк — интернет-сервис помощи студентам

Всем привет.

Копаюсь в стилях одного крупного интернет-магазина.
Встретил вот такой селектор:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.wildSrch .sq {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 40px;
    line-height: 24.9px\0/;
    margin: 0;
    padding: 7px 30px 8px 15px;
    border-radius: 3px;
    font-size: 17px;
    line-height: 17px;
    background: #3b1345;
    background: rgba(255,255,255,.7);
    color: #2d2d2d;
    transition: background ease .5s,color ease
}

Обратите внимание, в селекторе классы записаны просто через пробел, а не через запятую.
Инпут с классом .sq вложен в div с классом .wldSrch. Не пойму как такой селектор отрабатывает.
Подскажите плиз кто знает.

@AlexZaw · 28.11.2017, 22:12

Как вы написали так и работает, стили будут применены к элементу с классом .sq если тот вложен в элемент с классом .wldSrch.

@Krasnoyar · 29.11.2017, 19:38 **[ТС]**

Да? Сейчас проверим...

Добавлено через 21 час 21 минуту
Да, Вы правы. Работает так как Вы говорите.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
    <head>
        <title>go3</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <div class="search-form">
            <input type="text" name="" placeholder="Поиск" class="search-form__input">
        </div>                  
    </body>
</html>

CSS
1
2
3
4
5
6
.searсh-form .search-form__input {
    color: green;
    height: 40px; 
    width: 700px;
    border-radius: 3px;
}

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,093
	28.11.2017, 22:12
	Сообщение было отмечено mrtoxas как решение Решение Как вы написали так и работает, стили будут применены к элементу с классом .sq если тот вложен в элемент с классом .wldSrch. 1

Непонятный селектор css

Решение