我找到了这段 CSS 代码,并运行它来查看它的作用,它概述了页面上的每个元素,
谁能解释一下星号是什么*
CSS 中有吗?
<style>
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
</style>
它是一个通配符,这意味着它将选择 DOM 该部分内的所有元素。
例如,如果我想将边距应用于整个页面上的每个元素,您可以使用:
* {
margin: 10px;
}
您还可以在子选择中使用它,例如以下将为段落标记内的所有元素添加边距:
p * {
margin: 10px;
}
您的示例正在执行一些 css 技巧,将连续的边框和边距应用于元素,从而为它们提供多个彩色边框。例如,白色边框被黑色边框包围。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)