Question

我被告知我可以使用*来填充剩余空间的宽度，例如。在另一个div内有多个div。

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

div {
    width:*;
}

Answer 1

使用*无效。请参阅CSS3 spec。

您可以将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;
}

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

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

宽度是什么：*;用CSS做什么？

3 个答案: