Что делает Звездочку (*), делают в селекторе CSS?
Любое время я вижу память, которая не становится обращенной в обсуждении использования, моя первая мысль, - то, что использование является своего рода переполнением буфера, в этом случае память или заставляет буфер переполняться или получается доступ однажды переполнение буфера.
4 ответа
Это подстановочный знак, это означает, что он выберет все элементы в этой части DOM.
Например, если я хочу применить маржу к каждому элементу на всей моей странице, вы можете использовать :
* {
margin: 10px;
}
Вы также можете использовать это в подвыборках, например, следующее добавит поле ко всем элементам в теге абзаца:
p * {
margin: 10px;
}
В вашем примере используется хитрость css для применения последовательных границ и полей к элементам, чтобы дать их несколько цветных границ. Например, белая рамка, окруженная черной рамкой.
* - это подстановочный знак. Это означает, что стиль будет применен к любому элементу HTML. Дополнительные * применяют стиль к соответствующему уровню вложенности.
Этот селектор применяет разноцветные контуры ко всем элементам страницы в зависимости от уровня вложенности элементов.
* действует как подстановочный знак, как и в большинстве других случаев.
Если вы это сделаете:
*{
margin: 0px;
padding: 0px;
border: 1px solid red;
}
Тогда все HTML-элементы будут иметь эти стили .
CSS, на который вы ссылались, очень полезен для веб-дизайнера при отладке проблем с разметкой страницы. Я часто временно вставляю его на страницу, чтобы увидеть размер всех элементов страницы и отследить, например, тот, у которого слишком много отступов, которые смещают другие элементы с места.
Тот же трюк можно проделать только с первой строкой, но преимущество определения нескольких контуров состоит в том, что вы получаете визуальную подсказку по цвету границы к иерархии вложенных элементов страницы.