logo标签列表

CSS选择器：以下两行中的星号代表什么意思？

css
4
.style1  * {
   vertical-align: middle;
}

如果我将其移除，具有此样式的元素将不再垂直对齐。

3个回答
4

* 是通配符选择器，它选择的是在带有 style1 类的元素内/下的任何内容。

3

这是通用选择器，可以匹配任何元素。您编写的选择器将匹配具有“style1”类的元素的后代元素。

1

正如其他人所说，它是通用选择器，选择 .style1 下的所有后代元素。举个例子：

假设有以下 HTML 代码：

<div class="style1">
    <p>foo</p>
    <div>bar</div>
</div>

还有这个CSS：

.style1 { border: 1px solid; }
/* styles applied to the .style1 element */

---------------
|  foo        |
|             |
|  bar        |
---------------

.style1 * { border: 1px solid; }
/* styles applied to descendants of .style1 */

---------------
|  foo        |
+-------------+
|  bar        |
---------------
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接