为什么我的类不覆盖通用的星号选择器？
类不覆盖通用的星号选择器的原因可能有以下几点：
- 优先级问题：通用的星号选择器具有很高的优先级，它会匹配页面中的所有元素。如果你的类选择器与星号选择器同时存在，并且都具有相同的权重，那么星号选择器会覆盖类选择器的样式，导致你的类选择器无法生效。
- 特定性问题：通用的星号选择器没有特定的选择条件，它会匹配页面中的所有元素。而类选择器是一种特定的选择器，只会匹配具有相应类名的元素。如果你的类选择器与星号选择器同时存在，并且它们都具有相同的权重，那么星号选择器会被认为是更具体的选择器，从而覆盖类选择器的样式。
- 性能问题：通用的星号选择器会匹配页面中的所有元素，无论是否具有相应的类名。这会导致浏览器需要遍历整个页面来应用样式，从而降低页面的渲染性能。相比之下，类选择器只会匹配具有相应类名的元素，可以更精确地应用样式，提高页面的渲染性能。
综上所述，为了避免类选择器被通用的星号选择器覆盖，可以考虑以下几点：
- 提高类选择器的特定性：可以通过在类选择器前添加更具体的选择器，如元素选择器、ID选择器等，提高类选择器的特定性，从而确保其样式能够生效。
- 使用!important规则：可以在类选择器的样式规则中添加!important规则，将其优先级提升到最高，确保其样式能够覆盖其他选择器。
- 避免使用通用的星号选择器：尽量避免使用通用的星号选择器，而是使用更具体的选择器来匹配元素，以提高样式的特定性和性能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse
相关·内容
1回答
我正在尝试编写一个新类，将10px边距应用于div，如下所示：.generic-form-filters {}
margin: 0; Some code
但是，我的我可以在Chrome控制台中看到
浏览 9提问于2019-07-31得票数 0
有谁能解释一下为什么通用选择器不适用于:after？该标准的相关部分将是伟大的，但也是其背后的理由。
编辑：我可以看到我的问题措辞很糟糕，我很抱歉。我的意思是，* { color: green; }使文档中的文本几乎全部变成绿色，但不适用于，#mypar:after { content:"newly-added content"; }说。我意识
浏览 3提问于2014-02-17得票数 0
回答已采纳
2回答
我试图找出为什么.x比*.x具有更高的特异性，而后者则有望获胜。<p class="x">This time it works.
浏览 0提问于2016-04-15得票数 5
回答已采纳
我知道，像*border-top-width:0;这样的样式名称前面的*前缀是IE浏览器的黑客。不过，我不明白这点。当*用作后缀时，如下图所示，这意味着什么?？ancestors *display: block;color: lightgrey;margin: 15px;我观察到，当星号出现时，样式在铬浏览器中被应用，而当星号被移除时，样式就不会在铬浏览器中应用。
浏览 7提问于2014-02-21得票数 0
回答已采纳
为什么通用选择器(*)覆盖Firefox浏览器的默认样式:link和:any-link:active伪类选择器，尽管它的特异性为0？*{color: red}击败了火狐的:any-link:active{color:activetext}和:link{color: linktext}。
顺便说一句，Chrome也是一样的。
浏览 7提问于2022-06-01得票数 1
我在代码中发现了它，不知道使用*.class选择器而不是.class选择器有什么意义。
浏览 0提问于2011-03-22得票数 3
回答已采纳
我正在构建一个复杂的表单，该表单恰好编辑“组”，并且我为每个组都有一组子组，我还想为人们提供一个简单的方法来编辑这个编辑页面中的子组。我如何在子组编辑框中将字段分组在一起，以便在提交表单时，它将以某种方式分组在一起，以区分某一“集”字段属于一个单元的事实？
请注意，它可以有多少个子组没有限制。我喜欢它，这样每个单位的输入将被分组在一起，以便在后面易于消费。我当前方法的一个问题是，即
浏览 1提问于2011-04-06得票数 0
3回答
好的，在查看分配给项目的CSS样式表中的一些代码时，我注意到： margin: 0px; text-decoration: none;这个比特是做什么的奇怪的是，从来没有听说过使用星号作为选择器或任何它应该做的事情。星号到底是做什么的？
浏览 0提问于2013-05-01得票数 0
回答已采纳
1回答
f00;
如果给每种类型的选择器提供以下点，为什么上面的类选择器不覆盖ID选择器？样式属性: 1,0,0,0 ID: 0,1,0,0类，伪类，属性选择器</em
浏览 0提问于2018-04-09得票数 1
回答已采纳
哪些浏览器能够正确理解和实现CSS中的星号(*)？(我所说的“恰当”实际上是指-“他们应该这么做”。)考虑一下这个CSS代码，例如： color: #800;编辑:我现在看到它被称为'*选择器‘或’通用选择器‘。非常感谢你的投入。:)
浏览 4提问于2012-04-03得票数 6
回答已采纳
1回答
打印样式表优先级
、、、
我继承了一些遗留代码，它们生成了大量的内联样式。假设不是。在应用print CSS之前，有没有办法去掉所有的内联样式，同时保留jQuery的结构？
浏览 1提问于2010-07-12得票数 2
回答已采纳
如果有人问这件事，我很抱歉，但我不知道为什么会发生这种事！文本显示为黑色，尽管我已经将其设置为red。我很感激你的帮助。(注意: div选择器也会发生同样的情况)* {}
font-family: "Courier New", Courier, monospace
浏览 5提问于2020-11-09得票数 0
回答已采纳
6回答
我看到了一些包含它的代码： text-align: center;.center-wrapper * {}
这是错误吗？
浏览 1提问于2011-06-17得票数 11
回答已采纳
3回答
不管怎么样，有两个选择器组合吗？例如：正如我所写的，我理解这项工作。但是，对于" LI“元素，如何才能达到”悬停“的效果，而当鼠标在LI内部超过某一”DIV“时，就排除了悬停效应呢？例如：我想给李带来一个悬停效应：
li:hover{ text-colo
浏览 3提问于2010-10-17得票数 2
回答已采纳
我从这个中了解到选择器的优先级。在一个案例中，我很难理解这种行为。我在HTML中有一个元素：问题是来自另一个选择器的属性覆盖了来自类的属性。
浏览 0提问于2013-02-03得票数 6
回答已采纳
我正在用Swift设计一个NSView类扩展。在这个扩展类中，我试图使用以下方法覆盖drawRect
指向重写时出错，并指出方法不覆盖其超类中的任何方法.方法drawRect的目标-C(？？)选择器“drawRect”与具有相同目标的先前声明冲突-C选择器<
浏览 3提问于2015-07-11得票数 0
回答已采纳
我正在学习引导，我不明白为什么使用身体选择器不覆盖默认的引导样式。同时，我自己的样式在使用通用选择器(*)时也适用。下面是HTML (您可以看到，我在样式表之前链接了引导)：body { font-size: 24px;
font-weight</h1>
浏览 4提问于2022-01-26得票数 0
回答已采纳
2回答
ios9的轮换支持问题？
、、、
我试图在教科书中实现这个功能，但它不起作用。这本书是在另一个版本的斯威夫特，所以这可能是为什么它不起作用。我想知道是否有人知道如何解决这个问题？我用的是斯威夫特。UIInterfaceOrientationMask.Portrait.rawValue) |}
错误:方法不“覆盖”其超类中的任何方法。当我删除
浏览 3提问于2015-10-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
