我找到了这个CSS代码,运行它来查看它的功能,它概述了页面上的每个元素,

Can someone explain what the asterisk 100 does in 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>

推荐答案

它是一个通配符,这意味着它将 Select 该部分DOM中的所有元素.

例如,如果我希望对整个页面上的每个元素应用边距,您可以使用:

* {
    margin: 10px;
}

您也可以在子选项中使用此选项,例如,以下选项将为段落标记中的所有元素添加边距:

p * {
    margin: 10px;
}

您的示例使用了一些CSS技巧,将连续的边框和边距应用于元素,为它们提供多种 colored颜色 的边框.例如,由黑色边框包围的白色边框.

Css相关问答推荐

我试图用图像填充行的一列

为什么图像加载请求没有显示在我的网络请求中?

在carousel组件上应用css转换时出现问题

R SHINY:FILL CONTAINER=TRUE时调整DT数据表高度,

如何在点击时停止动画并将其返回到第一帧?

基于高度的容器查询不起作用

更改 20 个实例中的一个组件的样式

在 React 中使用 CSS 动画 onClick()

TypeScript 中有效的 CSS 属性名称数组,但带有连字符

网格区域即使使用 fr 也不会减小其宽度

循环一个 sass/scss 变量以生成 css 变量

SASS 文件 struct :_typography、_layout 等中的相同 Select 器

CSS 使文本扩展并保持居中与圆形扩展 div 的问题

如何保持包装的弹性项目与前一行元素的宽度相同?

css显示:表格不显示边框

属性nowrap被认为是过时的.建议使用较新的构造.它是什么?

定位背景图片,添加内边距

继承了哪些 CSS 属性?

thead 和 tbody 之间的间距

CSS 外边框