Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
0 / 0 / 2
Регистрация: 13.09.2014
Сообщений: 68

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

28.11.2017, 22:08. Показов 1622. Ответов 2
Метки нет (Все метки)

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

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

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. Не пойму как такой селектор отрабатывает.
Подскажите плиз кто знает.
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
28.11.2017, 22:08
Ответы с готовыми решениями:

селектор css
Допустим есть div <div class=>"jstree-icon jstree-themeicon werra"</div> Все классы кроме werra изменяются,как выбрать селектором css...

Контекстный селектор CSS
Здравствуйте, Подскажите пожалуйста по какой причине может не работать контекстный селектор? Пишу HTML: <body> <div =...

CSS селектор 2 элемента с классом
<div class="qwe"></div> <div class="qwe"></div> Как в CSS будет выглядеть селектор второго элемента с классом qwe (не...

2
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
28.11.2017, 22:12
Лучший ответ Сообщение было отмечено mrtoxas как решение

Решение

Как вы написали так и работает, стили будут применены к элементу с классом .sq если тот вложен в элемент с классом .wldSrch.
1
0 / 0 / 2
Регистрация: 13.09.2014
Сообщений: 68
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;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.11.2017, 19:38
Помогаю со студенческими работами здесь

CSS селектор или класс?
Чему отдать предпочтение, выборке в CSS с использованием хитрых селекторов по типу div.smthclass:nth-child(13) &gt;...

Селектор тильда (~) в CSS. Какого его назначение?
Здравствуйте, подскажите значение селектора &quot;тильда&quot; в CSS. Гугл читал, но ответ не понял. Вопрос на примере. Есть код: &lt;input...

CSS: какой селектор нужен для доступа к этому элементу
&lt;div class=&quot;left&quot;&gt; &lt;input name=&quot;password&quot;&gt; &lt;div class=&quot;right-triangle&quot;&gt;&lt;/div&gt; &lt;div class=&quot;right&quot;&gt;6 - 15 символов - не...

Непонятный набор кода в css, блокирует adblock
Подскажите, пишу сайт на локальном сервере. У меня установлен Adblock в браузере. Одну часть сайта он не отображает, думал что за дела,...

Непонятный селектор
Никак не разберусь с примером как работает селектор '&lt;div /&gt;' в следующей функции: function htmlEncode(value) { var encodedValue =...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью 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 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru