CSS基础选择器、复合选择器简介，及权重公式

最新推荐文章于 2024-04-19 15:58:50 发布
最新推荐文章于 2024-04-19 15:58:50 发布
阅读量141 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/one_bird_/article/details/114297069
版权

选择器的作用： 选择标签用的， 把我们想要的标签选择出来

选择器分为基础选择器和 复合选择器

基础选择器

基础选择器的类型简介以及权重公式

复合选择器

学习CSS复合选择器目的：为了选择更准确更精细的目标元素标签。
复合选择器简介及隔开符号

云晓-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS中选择器的权重值的计算
12-14
CSS 选择器权重值 CSS 具有自己的优先级计算方法，而不仅仅是行间>内部>外部、ID>class>元素 1. 样式类型 行间样式 我的行间CSS样式。 内联样式 <style type="text/css"> h1{font-size:12px; color:#000; ...
CSS的常用选择器及其权重
weixin_48390287的博客
03-09 899
常用选择器 在CSS中，有很多不同的选择器供我们使用，去给不同的元素指定各自的样式，那么这些选择器可以大致分为以下的几种： 常用选择器 元素选择器（伪元素选择器） 作用：根据标签名来选中指定的元素 语法：标签名{} 举例：p {} div {} 注意点：伪元素选择器，div::after {} id 选择器 作用：根据元素的id属性值选中某一个元素 语法：#id属性值 {} 举例：#box{} 注意点：id属性只能够调用一次 类选择器（包括伪类选择器） 作用：根据元素的 class 属性值选中某一
复合元素选择器以及它们的权重关系
weixin_44691513的博客
02-07 1251
复合选择器以及权重 1.复合选择器 交集选择器：交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。 **并集选择器:**是各个选择器通过逗号连接而成的。任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们...
CSS选择器之基础选择器和复合选择器
Detail_new的博客
03-29 385
本博文介绍CSS中的基础选择器和复合选择器。基础选择器包括标签选择器、类选择器、id选择器和通配符选择器，复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。
表格，表单,CSS基础，选择器的权重*选择器的权重
qq_38980678的博客
12-17 428
#表格，表单,CSS基础，选择器的权重*选择器的权重 表格 结构标签 table 声明表格 tr 行 td 列，每一个单元格 表格的基本结构： <table> <tr> <td></td> <td></td> </tr> </table> 表格的属性 width 宽度 height 高度 border 边框 cellspacing 单元格之间的
【web】【CSS】--常用选择器及对应权重
博客
09-11 171
常用选择器与权重 继承或*{}------ 0 标签，元素选择器------ 1 类选择器，伪类选择器------ 10 id选择器------ 100 行内样式style“”------ 1000 ！important------ 无穷大
css的优先级及复合选择器权重计算
weixin_45135068的博客
07-30 752
css优先级 优先级公式 优先级：继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important 注意： 如果加!important只提高加了的这个属性的优先级， 而且其他的属性还是按照我们的优先级排列 Important例子： color: yellow !important; 1，Css继承的样式>默认的样式 2，通配符读选择器样式的优先级>继承的样式 3，标签选择器的优先级>通配符选择器的优先级 4，类选择器样式的优先
css中的选择器及其权重
TKOP_的博客
12-18 9624
总结复习css中的选择器部分的知识，巩固元素选择器、id选择器、类选择器、通配选择器、后代选择器、子代选择器、并集选择器、伪类选择器、结构伪类选择器和伪元素选择器的内容。并进一步明确他们的权重。.........
CSS：选择器与选择器权重的计算判断
明光
08-17 555
文章目录选择器基础选择器通配符选择器标签类id属性复合选择器并集交集后代和子代伪类选择器链接标签选择器权重判断权重计算 选择器 选择器可以选定多个同时修饰，只要你书写的路径和选择器能够找到几个那就修饰几个。并且多个选择器也可同时修饰一个标签。 基础选择器 单个选择器，基础选择器的使用 通配符选择器 用*表述，它是可以选择所有的存在，这里设定的样式，整个HTML都会执行，但是优先级较低，而且我们也不常用通配选择器。 标签 标签选择器是最简单基础的选择器，一个标签就是一个选择器,然后在样式中写，这里的样式不包含
CSS权重的问题:选择器权重值的计算
Jane617_min的专栏
09-11 8645
在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果两个规则的特殊性相同，那么后定义的规则优先。 那么，又怎么来计算选择器的特殊性呢？下面这张图介绍了特殊性的计算方法： 我们把特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值
html选择器的权总,html选择器和权重的关系
weixin_36325589的博客
06-03 246
当我们对同级的标签设置了同一个样式，而想对其中一个标签做特殊样式时，如何才能够覆盖掉原来的普通样式呢?就需要考虑css选择器和权重关系。那我们来看下权重究竟是如何分配和计算的呢?内联样式的权重(权重值：1000)内联样式是指直接写在dom元素上的样式这里写了一个内联样式· 效果如下内联.jpgId选择器的权重(权重值：100)给dom元素添加id属性及值这是加了一个id的标签内容#test{col...
CSS选择器的权重与优先规则分享
09-24
在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果两个规则的特殊性相同，那么后定义的规则优先
CSS选择器权重计算及优先级
04-16
介绍CSS中，单个选择器，以及复合选择器的权重计算规则，比如： .box #mydiv ul li.txt。通过计算选择器的权重，区别其优先级，判 断最终样式的覆盖效果。
对CSS选择器权重的认识(亲测)
09-22
在一个css页面中会使用很多的CSS选择器，至于它们的权重，想必很多的朋友都不是很清楚吧，下面本文通过测试为大家详细介绍下，看看究竟是怎么样的
css设置文字撑满盒子
半兽先生的博客
04-12 298
【代码】css设置文字撑满盒子。
css 如何设置背景图片定位
ivan5277的博客
04-19 451
在CSS中设置背景图片的位置，可以使用属性。这个属性用于指定背景图像在元素背景区域中的起始位置。它可以接受多种类型的值，包括关键字、长度单位（像素、百分比等）以及组合值。
CSS系列:伪类选择器小记
最新发布
浪潮行舟_chenjin2136
04-19 584
组合选择器的使用有助于保持HTML代码的语义化，因为它们允许开发者基于元素之间的自然关系来应用样式，而不是强迫添加额外的类或ID。这种做法增加了样式的可复用性，因为相同的组合选择器样式可以在不同的HTML结构中被复用，只要这些结构符合选择器定义的元素关系。组合选择器在CSS中扮演着至关重要的角色，它们提供了一种强大的机制来选择具有特定关系的元素，从而允许开发者以更精细、更具体的方式应用样式。使用伪元素可以在不增加额外HTML元素的情况下实现复杂的设计，这有助于减少DOM的大小，从而提高网页的性能。
CSS实现文本渐变色
JCM_ZZ的博客
04-19 89
【代码】CSS实现文本渐变色。
CSS基础：最详细 padding的 4 种用法解析
u013179804的博客
04-16 1029
CSS 中的 padding 属性用于控制元素内容与其边框之间的距离，即元素内边距。它的主要作用是调整元素内部内容与边框之间上右下左的间距，以增加页面的美观性和布局灵活性。好，那我们一起来看看吧。
css选择器权重计算
08-23
CSS选择器的权重计算是通过CSS Specificity（特殊性）来确定的。在计算权重时，可以按照以下规则进行计算： 1. 选择器的特殊性由选择器本身的组成部分决定，包括元素选择器、类选择器、id选择器和内联样式。通常来说...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值