开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么我的类不覆盖通用的星号选择器？

类不覆盖通用的星号选择器的原因可能有以下几点：

优先级问题：通用的星号选择器具有很高的优先级，它会匹配页面中的所有元素。如果你的类选择器与星号选择器同时存在，并且都具有相同的权重，那么星号选择器会覆盖类选择器的样式，导致你的类选择器无法生效。
特定性问题：通用的星号选择器没有特定的选择条件，它会匹配页面中的所有元素。而类选择器是一种特定的选择器，只会匹配具有相应类名的元素。如果你的类选择器与星号选择器同时存在，并且它们都具有相同的权重，那么星号选择器会被认为是更具体的选择器，从而覆盖类选择器的样式。
性能问题：通用的星号选择器会匹配页面中的所有元素，无论是否具有相应的类名。这会导致浏览器需要遍历整个页面来应用样式，从而降低页面的渲染性能。相比之下，类选择器只会匹配具有相应类名的元素，可以更精确地应用样式，提高页面的渲染性能。

综上所述，为了避免类选择器被通用的星号选择器覆盖，可以考虑以下几点：

提高类选择器的特定性：可以通过在类选择器前添加更具体的选择器，如元素选择器、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

相关搜索:cytoscapeJS类名选择器覆盖不匹配的类名选择器为什么NeverSwitch类覆盖了我的AlwaysSwitch类？CSS:用更通用的选择器覆盖特定的选择器为什么GetCurrentRegistrations不返回我的开放通用注册为什么我的属性选择器不工作？为什么Sphinx不记录我的类？为什么我的配置测试类不工作？为什么我的类不继承基类中定义的方法？为什么我不能覆盖泛型类的Clear方法？用于覆盖多个元素的类的属性选择器为什么我的flask API不返回类标签？为什么我的CSS div类覆盖了它背后的图像？为什么我的一些css选择器不工作？为什么DynamicObject类中的方法不是通用的？为什么我的for循环覆盖了我的输出？通用选择器*仅适用于具有类的p 为什么我要覆盖我的firebase storageRef？我的日期选择器不工作了为什么我的按钮会覆盖我的输入文本？为什么我的EditText会被布局覆盖？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

CSS 样式书写规范

可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是希望可以结合自己的团队需要，发展出一套适合自己的 CSS 代码规范。也希望可以有更多的建议，共同的完善。本规范也可以在我的 Github 上看到，欢迎留言或者提 PR。我觉得不同的规范都有各自的长处与缺陷，对待所谓的规范最

07

一篇文章带你了解CSS 选择器

CSS选择器是一种用于匹配HTML文档中元素的模式。关联的样式规则将应用于与选择器模式匹配的元素。

02

前端之 CSS 知识点回顾

标签内的文字的颜色是red，优先级相等的时候与文件中样式定义的先后顺序有关，即是后面的覆盖前面的，与在class定义中的先后关系无关。

04

《精通CSS》第2章添加样式

有效且结构良好的文档是添加样式的基础。上一章，我们一起学习了相关的知识。现在是时候学习一下如何添加样式了。

04

CSS基础知识

CSS全称（Cascading Style Sheets）称为层叠样式表，他的存在使 HTML 与样式分离。

01

CSS 各种Hack手段

随着浏览器的发展，css hack 技术的使用应该越来越少了，但是在某些关键时刻以及综合的WEB应用或者老项目中，可能还需要使用 css hack 技术来解决一些问题。

04

CSS Hack解决浏览器IE部分属性兼容性问题

不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果

02

HTML+CSS【规范】

div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul … 特点：总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省是它的容器的100%，除非设定一个宽度功能：主要用来搭建网站架构、页面布局、承载内容

05

利用jQuery not()方法选取除某个元素外的所有元素

这时我们可以使用 jQuery 遍历中的 not() 方法来排除某些元素，例如根据元素的 #id ，.class 等排除，代码如下：

01

良好的CSS编码习惯

一个 css 文件的核心内容是由许许多多的 css 规则组成的，而每个规则又包含了两部分：选择器和声明；声明块里可能又包含多个声明，每个声明又是由属性和值组成的。这个大概就是 css 的代码结构。

02

CSS基础-CSS选择器：ID、Class、Tag

CSS（Cascading Style Sheets，层叠样式表）是网页设计中用于控制布局和外观的强大工具。选择器是CSS的核心，它允许我们精确地定位HTML元素并应用样式。本文将深入浅出地探讨三种基本CSS选择器——ID选择器、Class选择器、Tag（标签）选择器，分析它们的使用场景、常见问题、易错点以及如何避免这些问题，并提供实用的代码示例。

01

【面试题解】前端人必须掌握的13种CSS选择器

有时也叫做类型选择器或者是元素选择器，因为它在文档中选择的是 HTML 标签/元素。

02

CSS Hack

由于不同厂商的浏览器，比如Internet Explorer、Chrome、Mozilla Firefox、Safari等，或者是统一厂商的浏览器的不同版本，比如IE6和IE7，对CSS的解析和认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候，我们就需要针对不同的浏览器，去写不同CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中，也能得到我们想要的页面效果。

02

CSS基础

css：Cascading Style Sheet 层叠样式表，简而言之就是css的样式是可以叠加的。默认是根据css选择器的权重，按权重进行叠加，权重值大的css 覆盖权重小的css。

02

CSS 权重

CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。

02

彻底弄懂CSS优先级规则

当 html 元素拥有多个 css 样式时，浏览器会根据优先级规则计算 css，如果对优先级规则不够熟悉，在实际的开发过程中往往会产生很多困扰，本文总结css的优先级规则。

JavaScript（15）jQuery 选择器[通俗易懂]

jQuery 选择器选择器同意对元素组或单个元素进行操作。 jQuery 元素选择器和属性选择器同意通过标签名、属性名或内容对 HTML 元素进行选择。

01

前端面试题-CSS Hack

由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样，以及CSS优先级对浏览器展现效果的影响，我们可以据此针对不同的浏览器情景来应用不同的CSS。

04

CSS Hack技术介绍及常用的Hack技巧

不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。

03

层叠、优先级和继承

CSS 本质上就是声明规则，即在各种条件下，我们希望产生特定的效果。如果某个元素有这个类，则应用这些样式。要想预测规则最终的效果，就需要理解 CSS 里的层叠。

01

CSS选择器知识点整理

1、class 和 id 的使用场景? id：指定标签的唯一标识。根据提供的唯一id号，快速获取标签对象。如：document.getElementById(id)。id属性的值，在当前的page页面

05

CSS 1.0~3.0选择器（上）

HTML5学堂：我们学过了最为基础的id，类名和标签名选择器，然后就一直用它们了吗？如果是这样，那会丢失掉CSS选择器强大的功能。我们会花费几篇文章的篇幅，将CSS1.0版本至当前最新的3.0版本当中，存在的所有选择器讲解一遍，今天我们先来说说比较基础的选择器。通配符选择器基本语法 * { margin: 0; padding: 0; } HTML5学堂的一些提醒：对于初学者，在学习更多高级选择器之前，最先了解的选择器。星号选择器将匹配页面里的每一个元素。很多开发者使用这个技巧将外边距和内边距重置为

05

CSS Hack整理

CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务. 我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3(文章撰写时版本为3.0.4 523.15), Firefox2(文章撰写时版本为2.0.0.11). 在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以

08

CSS选择器的优先级

要讲CSS选择器的优先级，我们首先要知道CSS选择器有哪些？具体可以参考CSS 选择器参考手册，同时我们还需要知道CSS选择器的解析原则。请阅读为什么CSS选择器是从右往左解析。在此只为各位列出最常用的几种选择器：标签选择器(如：body,div,p,ul,li) 类选择器(如：class="head",对应css选择器为 .head) ID选择器(如：id="name",对应css选择器为 #name) 组合选择器(如：.head .head_logo,注意两选择器用空格键分开) 后代选择器 (如：#

04

CSS入门总结(上)

Hello小伙伴们～～经过上一篇的学习相信大家已经知道该怎么构造一个Web页面啦，但是怎么做一个美美哒的页面呢，今天就有请我们CSS大宝贝粉墨登场啦～～当当～～

05

CSS选择器

选择存在 attr 属性，且该属性是一个以空格作为分隔的值列表，其中至少有一个值为 value 的元素

02

CSS入门8-三大特性之层叠特性与优先级

（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！）（注2：更多内容请查看我的目录。）

03

CSS 选择器 — 重学前端

在之前的《实战中学习浏览器工作原理》中也接触过选择器的优先级的概念了。这里我们深入了解一下选择器优先级的概念。

04

理解CSS - 笔记

伪元素常用的一般就两个， ::before 和 ::after ，都是用来向被选中的元素添加元素之外的装饰性内容（文字）等

02

CSS 三大特性

是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

02

《Objective C编程》笔记

1.为什么main()总是返回0？可以将main()的返回结果视为“粗欧文报告”，这样0就是好消息，没有错误就是成功。 2.消息：消息发送（指令）必须写在一对括号中，并且必须包含以下两个部分。指针，指向接收消息的对象。方法名，要触发的方法的方法名。 3.如果在编写程序时，如声明指针时，不知道所指对象的准确类型，为此可以使用id类型。id的含义是：指针，并可以指向任意类型的Objective-C对象，e.g.: id delegate 注意：以上声明没有用星号。id已经隐含了星号的作用。 4.在obj-c中，创见对象最常见的途径就是使用alloc和init，通常会将这两个消息写在一行代码中，并以嵌套的形式连续发送（Apple推荐写法）： [[NSDate alloc] init]; 5.合并存取属性的便捷方法：在.h中国，通过@property声明属性，如 @property int w；在impl中，要求编译器根据@property声明自动合成（synthesize）出存取方法。如： synthesize w； 6.方法前的-号表明此方法为实例方法，必须通过new才能使用；方法前的+号表明此方法为类方法，是静态方法，无需new也能使用。 7.相互拥有的所有权关系导致相关的对象都无法被释放。这种情况称之为“retain循环”（retain cycle）。retain循环是导致内存泄露的常见原因。 8.使用弱引用（weak reference）可以解决retain循环问题。弱引用是不主张所有权的指针。如： @interface Asset：NSObject { __weak Employee *holder； } @property （weak）Employee *holder; 9.当某个由弱引用所指向的对象被释放时，相应的指针变量会被归零，即赋为nil。 10.retain计数规则。前提：“你”代表“当前正在使用的某个类实例”。 a.如果用来创建对象的方法，其方法名是以alloc或new开头的，或者包含copy，那么你已经得到了该对象的所有权（即可以假设该新对象的retain计数时1，且该对象不在NSAutoreleasePool对象中。）你要负责在不许要使用该对象的时候释放之。以下时部分常见会“传输”所有权的方法：alloc（后会跟一个init方法），copy和mutableCopy。 b.通过任何其他途径创建的对象（例如便捷方法），你是没有所有权的（可以假设新对象的retain计数是1，而且该对象已经在NSAutoreleasePool对象中。如果没有保留该对象，那么当NSAutoReleasePool对象被“排干”时，这个对象就会被释放。） c.如果你不拥有某个对象，但是要使用该对象的时候，可以向其发送release消息或者autorelease消息（release会使retain计数立刻减1。autorelease会导致，当NSAutoreleasePool对象被排干时，再向相应的对象发送release消息）。 d.只要对象还有至少一个拥有方，该对象就会继续存在下去（当该对象的retain计数到达0时，就会收到dealloc消息）。 11.内存管理，需要经常从局部角度来思考问题，并且以类为分界线，考虑内存管理问题，而不是去考虑应用的其他部分时怎么样处理某个对象的。 12.为什么需要一个不能修改的数组NSArray呢？原因有二： a.保证数组内容的安全。也就是说，程序在使用NSArray对象时，只能“看”不能“改”。 b.性能考虑。不可修改对象永远无需拷贝。NSArray的copy方法其实不会做任何额外的工作，仅仅返回指向自己的指针而已。而NSMutableArray的cpy方法则会制作一份自己的拷贝，并返回指向新数组对象的指针。 13.NSSet的对象是无序的，所以不能通过索引来访问。只能向NSSet对象查询某个对象是否存在，它有一个名为containObject：的方法。 14.在Apple提供的类中，有些覆盖了isEqual：方法。对于这些类，相等的（equal）和相同的（identical）是两个概念。假如程序有两个指向NSString对象的指针： NSString *x = … NSString *y = … 如果x、y保存的是完全一样的地址，则称这两个变量是“相同的”。如果x和y所指向的NSString对象包含的是相同的字符，并且排列顺序也一样，则称这两个变量是“相等的”。因此，相同的变量一定是相等的，但是相等的变量不一定是相同的。 15.C、C++、Objective-C这类语言的代码文件要经过两步才能完成编译。首先，预处理器（preprocessor）会读入并处理整个文件。接着，预处理器的输出结果会作为输入

03

TDesign 更新周报（2022年10月第2周）

详情见：https://github.com/Tencent/tdesign-vue/releases/tag/0.49.0

02

css之选择器

CSS（Cascading层叠 Style样式 sheets表），是用来为网页添加样式的代码。 css选择器的作用是用于选中元素，以便为其添加样式 1.基础选择器

04

HTML+CSS滚动条样式如何单独给firefox设置 scrollbar-width: none；，而不影响其他浏览器

要在Firefox中单独设置滚动条样式，你可以使用@-moz-document规则。这个规则允许你为特定的浏览器或浏览器引擎应用样式。

00

20个 CSS 快速提升技巧

css重置库如normalize.css已经被使用很多年了，它们可以为你的网站样式提供一个比较清晰的标准，来确保跨浏览器之间的一致性。

02

CSS三大特性

CSS 三大特性层叠继承优先级是我们学习CSS 必须掌握的三个特性。 CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。就近原则一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。样式冲突，遵循的原则是就近原则。那个样式

04

我碰到的那些面试题html+css

http://www.sohu.com/a/330231789_120174705

02

【前端】CSS : 入门

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。

02

CSS选择器及优先级总结

总结排序：!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性

02

全栈之前端 | 2.CSS3基础知识之选择器学习

在上一章节，作者针对CSS选择器做了一个简单介绍有那些选择器，本章将表中的选择器进行一一实践展示。

01

作用域 CSS 回来了

快来免费体验ChatGpt plus版本的，我们出的钱体验地址: https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

01

前端入门系列之CSS

CSS (Cascading Style Sheets) 是用来样式化和排版你的网页的 —— 例如更改网页内容的字体、颜色、大小和间距，将内容分割成多列或者加入动画以及别的装饰型效果。

01

CSS魔法堂：选择器及其优先级

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　首先看看一道阿里这期网申的题目吧！ 1.找出下面优先级相同的选择器　　A. img.thumb:after　　B.[data-job="frontend"]::first-letter 　　C. #main::before　　 D. [type="checkbox"]:checked　　E. ul#shop-list 二、回顾选择器类型　　　　　　　　　　　　　　　　　　　　　 html片段 <bo

06

如何提升你的CSS技能，掌握这20个css技巧即可[完整版]

随着前端开发越来越关注效率：通过选择器的使用和简化代码来快速加载渲染。像Less、SCSS这样的预处理器在工作的时候，需要绕的路较长，而直接使用css速度会更快。这里涵盖了20个css技巧来帮助你减少重复规则和复写，在布局中标准化样式流程，不仅可以帮助你高效地创建自己的框架，而且可以解决许多常见的问题。

02

请避免犯这9个常见的 CSS “坏习惯”

!important 是 CSS 中的一个关键字，它可以帮助我们将属性值设置为比其他样式选项更重要。例如，如果您将 !important 声明应用于元素样式，那么该样式将覆盖该属性类别的所有其他样式。以下是语法：

01

浅谈 CSS 的用法

为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆分开，CSS 由此诞生，CSS 是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了 CSS，html 中大部分表现样式的标签就废弃不用了，html 只负责文档的结构和内容，表现形式完全交给 CSS，html 文档变得更加简洁。

04

【Hello CSS】第五章-CSS的选择器与函数

在上一篇的HTML的标签与语意中简单的介绍了HTML标签跟其一些属性，向各位坚持看到这里的亲表示真诚的感谢。本篇主要会分享一些跟 CSS选择器（CSS Selectors）相关的内容，有兴趣的请继续往下看。

01

初学Qt不会样式表怎么办，打包好的Qt样式表一键生成送给你。

很多人应该和我一样，想做界面才接触的Qt，结果就是做不出来华丽的界面，想给控件上个色？不会，百度半天，好不容易给控件添加了背景色，下一个控件又不会了，别急，这次福利来了，我将平时用到的样式表做了一个总结，并做了一个一键生成，调节数据就可以实时显示，里面包括了Label，LineEdit，PushButton，CheckBox，RadioButton，ScrollBar，Slider，Progressbar，Tabwidget，ToolBox，TabWidget控件的自定义。代码很简单，就是重复写槽函数，但其对于新手的学习很有帮助，避免了盲目，大量的通过百度数据拼接样式表。一来方便学习，所以参数都写在左下角，方便了解到使用了什么生成了什么，二来不用重复造轮子，调节后，可直接将左下角生成的QSS代码复制到qt的样式表里面即可显示效果。可能有一些人会说这是一种偷懒，让人逐渐不想学习，只能说智者见智仁者见仁吧。

07

JQuery 笔记（一）

JQuery 基础： 1. 概念：一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

01

CSS中常见的BUG调试

拥有布局的元素负责自身及其子元素的尺寸及定位，而没有布局的元素仅仅能依靠近期的祖先元素进行控制。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭