Как связать псевдоселекторы в SASS
Ответы 3
a
&:visited:hover
:attribute foo
Попробуйте это - обратите внимание, что идентификация - это два пробела, а двоеточие стоит перед атрибутом, а не после.
"двоеточие идет до атрибута, а не после" больше не является правильным
Я изучаю SASS прямо сейчас, наткнулся на эту страницу и заметил, что этот синтаксис (без фигурных скобок, точек с запятой и т. д.) Больше не доступен? В sass-lang.com/tutorial.html используется "нормальный" синтаксис CSS (за исключением некоторых других возможностей, таких как инкапсуляция). Был ли отброшен этот «старый синтаксис»?
Да. SCSS лучше, так как он больше похож на обычный CSS, и на самом деле в него можно добавить прямой CSS.
SCSS - это не лучше, чем SASS, просто другое. Все зависит от того, как вы привыкли писать код. Если вы привыкли к лаконичности в стиле HAML, вы можете утверждать, что SASS лучше (меньше строк кода, меньше синтаксиса, такого как фигурные скобки и т. д.). Просто выберите свой вкус и наслаждайтесь!
a
&:visited:hover
attribute: foo
В настоящее время это единственная действующая форма. Отступы должны быть последовательными (рекомендуется 2 пробела), а двоеточие следует за атрибутом.
Идеально подходит для наведения и до / после:
&:hover {
color:#FFFFFF;
&::before {
color:#FFFFFF;
}
}
Почему вы репостили этот ответ? OP не спрашивает о синтаксисе SCSS, они спрашивают о синтаксисе SASS с отступом. Кроме того, этот код даже не компилируется.
другой scss не работает для меня, мой код отлично работает для меня!
Вернувшись к этому вопросу через некоторое время, я понимаю, что это действительно проблема с отступом. Это все-таки нахальство :). Однако двоеточие не обязательно должно стоять перед атрибутом, sass примет любой способ записи. Я использую двоеточие после, так как мне легче читать.