CSS中的start（*）是什么意思

我知道样式名称前面有一个*前缀，如

*边框顶部宽度：0

是IE浏览器的黑客攻击。然而，我无法理解这一点。如下图所示，当*用作后缀时，它是什么意思

.ancestors *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}

我观察到，当出现星号时，样式将应用于chrome浏览器，当删除星号时，样式将不会应用于chrome浏览器。

CSS文件中的

*

（星号）符号，当在类名或任何其他标识符之后使用时，将选择该元素内的所有子体/子体

例如，如果我们有此HTML文档：

<div class="container">
    <div class="square">
    <div class="square">
</div>
<div class="container">
    <div class="circle">
    <div class="circle">
</div>

要仅选择

.containers

内的

.square

，请使用：

.container .square
{
    /*Styling for squares*/
}

.container *
{
    /*Styling for squares, circles, rectangles and everything else you can think off*/
}

要选择

.containers

中的所有元素，请使用：

.container .square
{
    /*Styling for squares*/
}

.container *
{
    /*Styling for squares, circles, rectangles and everything else you can think off*/
}

有关更多信息，请参阅通用选择器上的W3C参考：

还有Mozilla开发网络：

CSS文件中的

*

（星号）符号在类名或任何其他标识符之后使用时，将选择该元素中的所有子体/子体

例如，如果我们有此HTML文档：

<div class="container">
    <div class="square">
    <div class="square">
</div>
<div class="container">
    <div class="circle">
    <div class="circle">
</div>

要仅选择

.containers

内的

.square

，请使用：

.container .square
{
    /*Styling for squares*/
}

.container *
{
    /*Styling for squares, circles, rectangles and everything else you can think off*/
}

要选择

.containers

中的所有元素，请使用：

.container .square
{
    /*Styling for squares*/
}

.container *
{
    /*Styling for squares, circles, rectangles and everything else you can think off*/
}

有关更多信息，请参阅通用选择器上的W3C参考：

还有Mozilla开发网络：

将星号（*）放在类名后面时，它将选择其所有子级

发件人：

星号（*）是CSS的通用选择器。它和一张单张相配 任何类型的元素。用简单的选择器省略星号有助于 同样的效果。例如，*.warning和.warning被考虑在内 平等

将星号（*）放置在类名后面时，它将选择其所有子级

发件人：

星号（*）是CSS的通用选择器。它和一张单张相配 任何类型的元素。用简单的选择器省略星号有助于 同样的效果。例如，*.warning和.warning被考虑在内 平等

---

与许多其他地方一样，星号是一个通配符，用于选择每个元素。当在类名之后使用时（如您的示例中），作为祖先类的后代的每个元素都将应用样式。

与许多其他地方一样，星号是一个通配符，用于选择每个元素。当在类名之后使用时（如在您的示例中），作为祖先类后代的每个元素都将应用样式。

。祖先*

将选择

中的所有项目。祖先

可能重复的@AlexWayne:-这不是重复的，因为在前面的问题*中用作前缀。OP询问星作为后缀的相关性！：）

.Orients*

将选择

中的所有项目。Orients

可能重复的@AlexWayne:-这不是重复的，因为在前面的问题*中用作前缀。OP询问星作为后缀的相关性！：）亲爱的@Rahul不会只指定一个类名来选择所有子元素吗？@Pilot:-不会，它只会选择那个元素。这就是为什么它是在MDN中的注释中编写的：-

注意：使用通用选择器时要非常小心，因为它是网页性能方面最昂贵的CSS选择器。

谢谢你的掌握。+1Dear@Rahul不会只指定一个类名来选择所有子元素吗？@Pilot:-不会，它只会选择那个元素。这就是为什么它是在MDN中以注释形式编写的：-

注意：请非常小心地使用通用选择器，因为它是网页性能方面最昂贵的CSS选择器。

谢谢您的大师+1@Pilot，否。指定类名只会选择该元素。@Pilot，否。指定类名只会选择该元素。