Что такое синтаксис `& ::` в LESS CSS? - PullRequest
Новая
       25

Что такое синтаксис `& ::` в LESS CSS?

11 голосов
/ 13 февраля 2012

Я смотрел на Twitter начальной загрузки и столкнулся с некоторым синтаксисом, и я не знаю, что он делает:

С button.less : 

button.btn,
input[type="submit"].btn {
  &::-moz-focus-inner {
  padding: 0;
    border: 0;
  }

Что такое &:: в &::-moz-focus-inner для?

Я знаю, что & для «родительского селектора» и что : является частью синтаксиса для псевдоселектора, такого как :hover, но какой второй : для?

Ps. Я также искал ссылку на синтаксис LESS, но я не могу найти никакой документации о LESS, кроме той, чтостраница на lesscss.org.Нет ли документации для МЕНЬШЕ, кроме этой одной страницы?

1 Ответ

10 голосов
/ 13 февраля 2012

Copypaste из

http://www.evotech.net/blog/2007/05/after-v-after-what-is-double-colon-notation/

Двойное двоеточие заменило селекторы с двоеточием для псевдоэлементов в CSS3, чтобы сделать явное различие между псевдоклассами и псевдо-элементы.Для обратной совместимости синтаксис с одиночной двоеточием приемлем для селекторов до CSS3.Итак,: after - это псевдокласс, а :: after - псевдоэлемент.

Эта :: нотация (двойное двоеточие) была введена W3 для «установления различия между псевдоклассами».и псевдоэлементы.Для совместимости с существующими таблицами стилей пользовательские агенты должны также принять предыдущую нотацию в одну двоеточие для псевдоэлементов, введенных в уровнях CSS 1 и 2 (а именно: первая строка, первая буква, до и после).Эта совместимость недопустима для новых псевдоэлементов, представленных в CSS уровне 3. »Для получения дополнительной информации посетите W3.

...