Asterisk(*)在CSS选择器中做什么? [英] What does an Asterisk (*) do in a CSS selector?
问题描述
我发现这个CSS代码,我跑了看看它做了什么,它概述了页面上的每个元素,
I found this CSS code and I ran it to see what it does and it outlined EVERY element on the page,
有人可以解释什么星号*在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>
推荐答案
这是一个通配符,
例如,如果我想对整个页面上的每个元素应用margin,您可以使用:
For example, if I want apply margin to every element on my entire page you can use:
* {
margin: 10px;
}
您还可以在子选择中使用此选项,例如,一个段落标签内所有元素的边距:
You can also use this within sub-selections, for example the following would add a margin to all elements within a paragraph tag:
p * {
margin: 10px;
}
你的例子是做一些css欺骗来应用连续的边框和边距到元素给他们多个彩色边框。例如,由黑色边框包围的白色边框。
Your example is doing some css trickery to apply consecutive borders and margins to elements to give them multiple coloured borders. For example, a white border surrounded by a black border.
这篇关于Asterisk(*)在CSS选择器中做什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!