Звонить по ссылке в CSS?

0

Я исследовал в Интернете и нашел код css на этой странице:

Пользовательский стиль CheckBox

фрагмент кода:

.input-helper {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;

    &:before {
        content: '';
        display: block;
        position: absolute;
    }
}

Но внутри кода есть знак & И я понятия не имею, что это такое. Я думаю, что это "имя владельца", "имя ссылки".
Может ли кто-нибудь описать, что & означает в CSS?

Теги:
reference

3 ответа

4
Лучший ответ

Это Сасс/МЕНЬШЕ переменная, которая относится к self, и в этом случае .input-helper

Когда скомпилировано &:before становится .input-helper:before

Поделиться
  • 0
    На самом деле, это Sass . Кроме того, это не переменная. Это то, что называется родительским селектором .
  • 0
    это действительно в css2.1?
Показать ещё 4 комментария
2

Это как .input-helper:before, это переменная Less/Sass

Поделиться
1

Если вы используете Sass в течение какого-то времени, вы, вероятно, будете знакомы с возможностью сопоставления родительских селекторов с использованием символа амперсанда (&).

Пример простой Sass выглядит следующим образом:

h3
  font-size: 20px
  margin-bottom: 10px
  &.some-selector
    font-size: 24px
    margin-bottom: 20px

И вот как выглядит вывод CSS.

h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
h3.some-selector {
  font-size: 24px;
  margin-bottom: 20px;
}

Итак, в вашем случае вы получите следующий код:

.input-helper {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

А также

.input-helper:before{
        content: '';
        display: block;
        position: absolute;
    }
}

Дополнительная информация

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню