css选择器的优先级

最新推荐文章于 2023-04-01 11:47:41 发布
最新推荐文章于 2023-04-01 11:47:41 发布
阅读量2k 收藏 2
点赞数 1
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yingzizizizizizzz/article/details/65443152
版权
      
关于下列CSS选择器：ID选择器、类选择器、伪类选择器、标签名称选择器，排序正确的是： 
ID选择器>Class选择器=伪类>标签名称选择器

伪类和类选择器的优先级是一样的。

一般来说，选择器的优先级（从上往下依次降低）是：
  1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
  2. 作为style属性写在元素内的样式
  3. id选择器
  4. 类选择器
  5. 标签选择器
  6. 通配符选择器
yingzizizizizizzz
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
<学习CSS>第二天笔记-选择器（标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器）
a950809的博客
11-24 3469
选择器（标签选择器、类选择器、css命名规范、谷歌案例、多类名选择器、id选择器、通配符选择器、伪类选择器）
深入理解CSS选择器优先级
09-27
本文将深入探讨CSS选择器优先级，通过八个实例来帮助你更好地理解这个概念。 首先，我们要明确一点，类的覆盖顺序并不取决于它们在HTML中的引用顺序，而是取决于它们在CSS文件中定义的顺序。例如，如果有两个类选择...
正确的CSS选择器优先级的计算方式
一只勤劳的二哈的博客
04-01 1105
CSS选择器优先级的计算（计算选择器的特异性）1.css选择器的优先级简单的权重相加吗？显然不是2.怎样正确计算css选择器的优先级？w3c官网链接：第16条，计算选择器的特异性[https://www.w3.org/TR/selectors/#specificity](https://www.w3.org/TR/selectors/#specificity) 1.css选择器的优先级简单的权重相...
web前端css学习笔记(3)——伪类选择器、选择器优先级
m0_52353966的博客
04-01 1008
本节学习伪类、伪类选择器。本节接上一节，学习了最后的伪类选择器和伪元素选择器。选择器优先级有自己的计算方式，从左往右计算。
CSS选择器的优先级
weixin_34254823的博客
09-28 60
一.通常情况下，可以将CSS的优先级由高到低分为六组： 1.无条件优先的属性只需要在属性后面使用 !important 。它会覆盖页面内任何位置定义的元素样式。当然，IE 6不支持这个属性，于是它也成为一种hack被很多人所熟知，真正使命被人淡忘。 2.第二级的高位的优先属性是在html中给元素标签加style。由于该方法会造成CSS的难以管理，所以不推荐使用。 3.第...
我终于理解了伪类和伪元素以及CSS选择器的优先级
Judy_qiudie
03-11 4480
参考文章：https://www.jianshu.com/p/996d021bced3 伪元素和伪类从字面理解就是假的元素和假的类。 1、伪类（单冒号） CSS3中的定义：伪类存在的意义是为了通过选择器，格式化DOM树意外的信息以及不能被常规CSS选择器获取到的信息。 伪元素的功能： （1）格式化DOM树以外的信息。如：&lt;a&gt;标签的:link、:visited等，这些信息不...
关于CSS选择器优先级的判断题附结果截图
09-25
主要介绍了关于CSS选择器优先级的判断并附结果截图，需要的朋友可以参考下
css选择器优先级深入理解
09-25
css基础选择器有标签选择器、类选择器、id选择器、通用选择器,本文将深入介绍css选择器优先级,这会给正在解决优先级问题的朋友，带来些许帮助
CSS选择器有哪些？选择器的优先级如何排序？
algor1234567的博客
08-01 476
CSS选择器分类： 　　CSS的选择器分类可以分为三大类：id选择器，类选择器，标签选择器。 用法如下： 选择器 e.g. 说明 id选择器 #id #header 选择id="header"的所有元素 类选择器 .class .message 选择class="message"的所有元素 标签选择器 el ...
CSS 选择器的优先级
当下的七炎
11-01 294
CSS 样式选择器分为 4 个等级，A、B、C、D 可以以这四种等级为依据确定 CSS 选择器的优先级。A 为行内样式（即通过 style=”” 定义）B 为 id 选择器的数量C 为 class 类选择器的数量。D 为类型选择器（即为标签）的数量选择器特殊性(A,B,C,D)优先级Style=””1,0,0,01000#wrapper #content {}0,2,0,0200#content
css选择器优先级排序
weixin_30820151的博客
08-14 300
　　浏览器默认属性< 继承自父元素的属性 <通配符选择器 < 标签选择器 < 类选择器 < 结构伪类选择器 < id选择器 < 行内样式 < !important 转载于:https://www.cnblogs.com/belongs-to-qinghua/p/11352375.html...
【校招VIP】CSS校招考点之选择器优先级
shuize123的博客
09-01 222
选择器是CSS的基础，也是校招中的高频考点，特别是复合选择器的执行优先级，同时也是实战中样式不生效的跟踪依据。 因为选择器的种类较多，很难直接记忆。尽量在项目练习中理解和准确把握本考点......
CSS - 选择器(标签选择器、类选择器、ID选择器)
热门推荐
陆讯
04-27 1万+
标题&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&q
关于CSS选择器
kodopy的博客
06-29 111
选择器的不同用法： 1.ID选择器： <div id="header"> </div> 在style里写样式用ID选择器： <style> #header{ color: red; } </style> 2.元素选择器： <p>内容</p> 用元素选择器编辑p元素内的样式： <style> p{ color: red; } </style> 3.类选择器： 写法和ID选择器类似： 把#ID换成
002---选择器（标签选择器、类选择器、id选择器、伪类选择器、通配符选择器）
sunshine_0880的博客
04-18 982
一、标签选择器语法：（像p、div、hn....的标签）&lt;p&gt;标签选择器&lt;/p&gt;&lt;style&gt; p { color: green; } &lt;/style&gt;效果展示：                                二、类选择器顾名思义，class本身就有类的意思，这里表示具有相同class值的一类。语法：&lt;p class="...
说说CSS选择器以及这些选择器的优先级
jean_0920的博客
09-06 309
说说CSS选择器以及这些选择器的优先级 !important 内联样式（1000） ID选择器（0100） 类选择器/属性选择器/伪类选择器（0010） 元素选择器/关系选择器/伪元素选择器（0001） 通配符选择器（0000） ...
CSS伪类选择器
man_tutu的博客
03-13 368
CSS伪类选择器的整理
css选择器：基本选择器
weixin_33858249的博客
12-06 80
基本选择器 1、通用元素选择器 *表示应用到所有的标签。 　　*{ 　　　padding:0px; 　　　margin:0px; 　　} 2、元素/标签选择器 匹配所有p标签的元素 　　p{ 　　　color:red; 　　　background:yellow; 　　} 3、类选择器 匹配所有class属性中包含“起的类名”的元素。 语法：.类名{属性名:属性值;} ...
CSS 基本选择器&优先级
ShunXiangL的博客
10-22 588
选择器　　选择器就是指定css要作用的标签，呢么标签的名字就是选择器。意为：选择哪个容器。 选择器一共有3种：a) html 标签名选择器。使用html的标签名。 b) class 选择器。其实使用的标签中的 class 属性。 c) id 选择器。其实使用的是标签中的 id 属性。　　每一个标签都定义了 class 属性和 id 属性。用于对标签进行标识，方便对标签进行操作。在定义中，多个标
css 选择器优先级
最新发布
08-15
CSS选择器优先级是用来确定在多个选择器应用于同一个元素时，哪个选择器的样式规则将被应用。CSS选择器优先级由四个部分组成：内联样式、ID选择器、类和伪类选择器、元素和伪元素选择器。它们的优先级从高到低依次降低。 具体的优先级规则如下： 1. 内联样式：使用style属性直接在HTML元素中定义的样式具有最高的优先级。 2. ID选择器：通过id属性定义的选择器具有较高的优先级。 3. 类和伪类选择器：包括类选择器（如.class）、属性选择器（如[type="text"]）和伪类选择器（如:hover）。 4. 元素和伪元素选择器：包括元素选择器（如div、p）和伪元素选择器（如::before、::after）。 如果有多个选择器具有相同的优先级，那么后面定义的样式规则将覆盖前面的规则。如果在不同CSS文件中定义了相同的选择器，后面引入的文件中的规则将覆盖前面引入的文件中的规则。 需要注意的是，使用!important声明的样式具有最高的优先级，应该谨慎使用，因为它会覆盖其他所有规则，可能导致样式冲突和难以调试的问题。在编写CSS时，应该尽量避免使用!important，并合理使用选择器优先级来管理样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值