Лучший способ задать свой вопрос - выложить сценарий.Есть ли лучший способ делать CSS-классы «внутри классов CSS»?
Скажем, у меня есть следующий код:
<div class="box">
<div class="jack">
</div>
<div class="jill">
</div>
</div>
право, так как меня учили, чтобы повлиять на ребенка через родителей было что-то вроде этого:
.box .jack, .box .jill{
width: 100px;
height: 100px;
background-color: yellow;
}
Мой вопрос вытекает из мое недавнее изучение отзывчивого CSS, где я видел такие строки, как: @media only screen {}. У него есть (пожалуйста, простите любую испорченную терминологию) CSS, указанный внутри CSS? (Кудрявые скобки в фигурных скобках).
Есть ли способ повлиять на вышеупомянутую разметку с чем-то подобным? Пример:
.box{
.jack{
/*Mooooom, I don't want to go shopping for school clothes*/
}
.jill{
/*Yay, shopping! I need all the new styles!!!*/
}
}
Я экспериментировал пару раз в JSFiddle, и это не сработало. Я надеюсь, что у меня отсутствует ключевое слово или персонаж. Или это просто невозможно повлиять на элементы с CSS в этом формате?
P.S. Я не знаю, что я ищу, поэтому Google не помогает. Если вы знаете, что на это уже ответили, напишите мне!
Я наткнулся на CSS, как ваш пример другой день, и она работала хорошо для меня, ты можешь вставить скрипку? – coder4show
Вы смешиваете медиа-запросы с препроцессорами CSS, такими как SASS и LESS – j08691
Вы можете добиться этого с помощью SCSS. Но тогда вам понадобится такой инструмент, как koala ... –