css - width:*; 是什么意思？在 CSS 中做什么？

Question

有人告诉我，我可以使用 * 来填充剩余空间，例如。div在另一个 s 中有几个s div。

当我在代码中编写它时它也可以工作，但是......在我被允许在我的学期项目中使用它之前，我需要一个相关的来源，有人可以帮助我吗？

div {
    width:*;
}

Answer 1

使用无效*。请参阅CSS3 规范。

您可以定义width为绝对值（如像素）、百分比auto或inherit.

从规范中提取：

Values have the following meanings:

<length> - Specifies the width of the content area using a length unit.
<percentage> - Specifies a percentage width. (...)
auto - The width depends on the values of other properties. See the sections below.

Negative values for 'width' are illegal.

Answer 2

*当你试图做的时候，你不能使用规则width:*;

你可以在选择器中使用它。在选择器上使用时，它的意思是“任何东西”。例如，下面的目标是任何以<li>为祖先的东西。

li * { 
    /* */ 
}

Answer 3

星号 (*) 字符是一个通配符选择器，它将一组样式应用于页面上的每个元素。例如：

*
{
    color:red;
}

以上将页面上所有元素的文本颜色设置为“红色”。

通常使用它不是一个好主意，因为浏览器可能需要一段时间才能将此选择器应用于页面上的每个元素，尤其是当页面包含大量元素时。