通用选择器（CSS选择器）
- Joseph Gordon-Levitt原创
- 2025-02-27 08:32:10602浏览
描述
>通用选择器匹配任何元素类型。如果它不是简单选择器的唯一组成部分，则可以暗示（因此省略）。此处显示的两个选择器示例是等效的：
*.warning {
⋮ <span>declarations
</span>}
.warning {
⋮ <span>declarations
</span>}
>重要的是不要将通用选择器与通配符的角色混淆 - 通用选择器与“零或更多元素”不匹配。考虑以下HTML片段：
<body>
<div>
<h1>The <em>Universal</em> Selector</h1>
<p>We must <em>emphasize</em> the following:</p>
<ul>
<li>It's <em>not</em> a wildcard.</li>
<li>It matches elements regardless of <em>type</em>.</li>
</ul>
This is an <em>immediate</em> child of the division.
</div>
</body>
选择器div * em将匹配以下em元素：
）>
在p元素中“强调”（*匹配）
）
-
第一个li元素中的
“不”（*匹配或）- ）
- >
第二元元素中的“ type”（*匹配
或）- ）
>
-
但是，它不匹配即时元素，因为这是Div元素的直接孩子， *与 *匹配的和之间没有任何内容。
>示例
-
此规则集将应用于文档中的每个元素：>
在CSS
中经常询问有关通用选择器的问题
> css中的通用选择器与其他选择器之间有什么区别？
> CSS中的通用选择器由星号（*）表示，并且与文档中的任何元素匹配。这不同于其他选择器，例如类选择器，ID选择器或仅根据其类，ID或元素类型匹配特定元素的元素选择器。通用选择器是一种功能强大的工具，但应谨慎使用，因为如果不仔细使用，它可能会导致意外结果。
* {
margin: 0;
padding: 0;
}可以将通用选择器与其他选择器结合使用吗？
是的，可以将通用选择器与其他选择器结合在一起以创建更具体的规则。例如，您可以将通用选择器与类选择器相结合，以将样式应用于具有特定类别的所有元素。
>通用选择器的特异性是什么？
>通用选择器在CSS中的特异性最低。这意味着，如果存在冲突的样式，则通用选择器所定义的样式将被其他选择器定义的样式所覆盖。>
>通用选择器会影响性能吗？>
，而通用选择器会影响性能，而通常对现代浏览器的影响通常可忽略现代浏览器。但是，最好在可能的情况下使用更多特定的选择器来减少浏览器要做的工作量。>可以在媒体查询中使用通用选择器吗？这对于在某些条件下将样式应用于页面上的所有元素可能很有用，例如，当视口是一定宽度时。
>
>通用选择器如何与CSS中的继承相互作用？
通用选择器可以覆盖继承的样式。但是，由于它具有最低的特异性，因此可以被其他选择器覆盖。
可以通用选择器目标伪元素和伪级可以吗？
是的，是的，通用选择器可以目标pseudo-elements和pseudo-classes。但是，通常最好在这些情况下使用更多特定的选择器。>通用选择器的一些常见用例？>通用选择器通常用于重置样式，例如从所有元素中删除默认利润和填充。它也可以用于将样式应用于页面上的所有元素，例如设置默认字体或颜色。>
>使用Universal Selector吗？>>通用选择器如何在不同的浏览器中工作？>
>在所有现代浏览器中都支持通用选择器，包括Chrome，Firefox，Safari和Edge。但是，实施方式可能会有一些差异，因此在多个浏览器中测试您的CSS总是一个好主意。
- 在p元素中“强调”（*匹配
- 第一个li元素中的 “不”（*匹配
- ）
- >
第二元元素中的“ type”（*匹配
- 或
- ） >
-
但是，它不匹配即时元素，因为这是Div元素的直接孩子， *与 *匹配的和之间没有任何内容。 >示例
> 在CSS
中经常询问有关通用选择器的问题> css中的通用选择器与其他选择器之间有什么区别？
> CSS中的通用选择器由星号（*）表示，并且与文档中的任何元素匹配。这不同于其他选择器，例如类选择器，ID选择器或仅根据其类，ID或元素类型匹配特定元素的元素选择器。通用选择器是一种功能强大的工具，但应谨慎使用，因为如果不仔细使用，它可能会导致意外结果。
* { margin: 0; padding: 0; }可以将通用选择器与其他选择器结合使用吗？是的，可以将通用选择器与其他选择器结合在一起以创建更具体的规则。例如，您可以将通用选择器与类选择器相结合，以将样式应用于具有特定类别的所有元素。
>通用选择器的特异性是什么？
>通用选择器在CSS中的特异性最低。这意味着，如果存在冲突的样式，则通用选择器所定义的样式将被其他选择器定义的样式所覆盖。>
>通用选择器会影响性能吗？>
，而通用选择器会影响性能，而通常对现代浏览器的影响通常可忽略现代浏览器。但是，最好在可能的情况下使用更多特定的选择器来减少浏览器要做的工作量。
>可以在媒体查询中使用通用选择器吗？这对于在某些条件下将样式应用于页面上的所有元素可能很有用，例如，当视口是一定宽度时。
>>通用选择器如何与CSS中的继承相互作用？
通用选择器可以覆盖继承的样式。但是，由于它具有最低的特异性，因此可以被其他选择器覆盖。
可以通用选择器目标伪元素和伪级可以吗？
是的，是的，通用选择器可以目标pseudo-elements和pseudo-classes。但是，通常最好在这些情况下使用更多特定的选择器。>通用选择器的一些常见用例？>通用选择器通常用于重置样式，例如从所有元素中删除默认利润和填充。它也可以用于将样式应用于页面上的所有元素，例如设置默认字体或颜色。>
>使用Universal Selector吗？>>通用选择器如何在不同的浏览器中工作？ >
>在所有现代浏览器中都支持通用选择器，包括Chrome，Firefox，Safari和Edge。但是，实施方式可能会有一些差异，因此在多个浏览器中测试您的CSS总是一个好主意。
- ）
）
）
- 或
- ）
以上是通用选择器（CSS选择器）的详细内容。更多信息请关注PHP中文网其他相关文章！
firefox css chrome safari html edge if for while using class default this padding viewport ul li idea Other
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn