关于css样式的权重

最新推荐文章于 2024-03-02 20:19:18 发布
最新推荐文章于 2024-03-02 20:19:18 发布
阅读量485 收藏
点赞数
分类专栏： HTML页面 文章标签： class Class css CSS Css html Html HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lackiechan/article/details/8316946
版权

css的选择符权重选择：

当不同的选择符的样式设置有冲突时，会采用权重较高的选择符设置的样式。

HTML的表签的权重是1

class的权重是10

id的权重是100


注：权重可以相加

        若权重相同即选先定义的选择符样式

        要确保样式更容易被覆盖，提高可维护性，css选择符要保证权重尽量低

lackiechan
关注
专栏目录
css权重
LIANG_XJT的博客
06-08 2644
css权重 css权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用，也就是说同一个元素设置多条样式，谁的权重越高那么就那一条对元素起作用，如果权重相同，那么后写的元素就会覆盖前面的写的样式。 下面我们把样式的应用分为几个等级，按照等级来计算权重 1、（！important） 通过图片我们可以发现，原本是蓝色背景的div被它前面设置的样式覆盖掉了，这是因为我在样式属性值后加上了！impor...
CSS-样式权重和优先级
natsu-cc的博客
04-29 2078
前言：
css--样式的权重
MondayCui的博客
09-15 633
样式的冲突 - 当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值时，此时就发生了样式的冲突。 发生样式冲突时，应用哪个样式由选择器的权重（优先级）决定 选择器的权重 内联样式 1,0,0,0 id选择器 0,1,0,0 类和伪类选择器 0,0,1,0
css样式的权重
u014786287的博客
04-17 361
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码： p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{col
CSS样式的特殊性（权重）
T_Wac的博客
02-19 1110
特殊性         有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： p{color:red;} .first{color:green;} 三年级时，我还是一个胆小如鼠的小女孩。         p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是
css样式权重
weixin_42929948的博客
06-08 186
!important Infinity 行内样式 1000 id 100 class、属性、伪类元素 10 伪元素、标签 1 通配符 0
CSS样式权重的级联cascade的概念深入理解
01-19
W3C是这样来描述的：css级联为每个样式规则指派权重，若元素应用了多个样式规则，那么将优先使用权重最高的的样式。 听说搜索引擎对某个网站的赋予的权重比较高或比较低，但是css中的级联赋予的权重是什么呢？W3C的...
权重和层叠规则决定了CSS样式优先级
12-13
首先，给大家看一篇关于CSS优先级的示例 复制代码代码如下: <span xss=removed><html> <head> <style type=”text/css”> #redP p { /* 权值 = 100+1=101 */ color:#F00; /* 红色 */ } #redP .red...
CSS权重
m0_51207602的博客
02-05 4756
CSS权重 权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的”。 当很多的样式被应用到某一个元素上时，权重是一个决定哪种样式生效，或者是优先级的过程。每条css规则，都包含一个权重级别。 这个级别是由不同的选择器加权计算的，通过权重，不同的样式最终会作用到你的网页中 。 如果两个选择器同时作用到一个元素上，权重高者生效。 权重记忆口诀： 1.从0开始，一个行内样式+1000 2.一个id选择器+100 3.一个属性选择器、class或者伪类+10 4.一个元素选择
Css权重
weixin_55017780的博客
06-07 4620
Css的权重是指样式的优先级，当有多个样式作用于一个元素时，只有权重高的样式对元素起作用，然而当权重相同时，后写的样式会覆盖前面的样式。 在设置Css中我们如何去判断权重呢？ 权重值是可以计算的，我们可以通过样式应用方式的权重值来进行计算。 样式的应用方式的权重值如下： 内联样式，权重值为1000 ID选择器，权重值为100 类、伪类，权重值为10 标签选择器，权重为1 通过举例我们可以更清楚了解权重的作用和意义 ...
CSS样式表的权重
weixin_44222157的博客
03-19 1220
CSS样式表的权重问题： 当一个标签同时被多个样式表所作用时，就会出现一个问题，执行哪个样式？ 这个时候就要考虑到样式表的权重问题。 例： 外部CSS代码： **运行结果： 显示的是绿色，原因是因为行内样式表的权重较高，会优先执行； 我们将行内样式表的背景色属性删去且修改div的宽高： 结果如下： 由于行内样式表权重高优先执行，div的宽高变成了行内样式表设置的100px，而行内样式表没...
关于CSS 中权重的教程
最新发布
weixin_73032215的博客
03-02 879
通过以上介绍，相信您已经对 CSS 中的权重概念有了更深入的理解。合理利用权重值可以确保样式正确应用，并避免样式冲突导致的问题。在编写 CSS 样式时，谨记权重计算规则，使得您的样式表更加清晰、可维护。希望本教程能帮助您更好地掌握 CSS 中权重的使用。
CSS 样式的优先级(权重)
houyanhua1的专栏
03-10 2333
默认样式&lt;标签选择器&lt;类选择器&lt;id选择器&lt;行内样式&lt;!important      0                1                10            100         1000      1000以上继承的权重为0  (字体的css会继承自父类标签元素)权重会叠加     (div.box  权重:1+10=11)  (div #...
犹如白皮书般详细的Css样式权重
花森酱JioJio
08-12 627
作者：花森 时间：2020年8月11日 认识 一个项目中会引入很多的样式，样式之间会出现重叠覆盖，导致我们需要的效果无法做出，这时候就要学习一个样式的权重问题，权重高的样式优先展示。 元素权重 使用类、ID、伪类都有不同的权重，具体应用哪条规则要看权限大小。可以使用!important强制提升某个设置的权限。 规则 粒度 ID 0100 class和类属性值 0010 标签和伪元素 0001 * 0000 行内样式2 1000 1）id的权重高于class <sty
样式权重简述
yue_yue_moon的博客
03-26 467
css优先级规则 1.css选择规则的权值不同时，权值高的优先； 2.css选择规则的权值相同时，后定义的规则优先； 3. css属性后面加 !important 时，无条件绝对优先； 权值等级划分， 一般来说是划分4个等级： 第一等级：代表 内联样式，如 style=""，权值为 1,0,0,0； 第二等级：代表 ID选择器，如 #id="", 权值为 0,1,0,0； 第三等级：代表 cals...
css-样式的权重-圆角-rgba
pyhui的技术博客
06-17 310
圆角 样式 设置四个角的 border-radius: 半径 单独的设置每一个角的弧度 border-Y轴位置英文-X轴位置英文-radius:半径 补充 四个角不一样的角度 代码 <style> div{ width: 300px; height: 300px; background-color: red; ...
css系列-样式权重
前端蜗牛君
11-22 2022
样式权重 元素会被多个样式一层层作用，这就是层叠样式表的来源。如果多个样式做用在元素上就会产生优先级权重问题。 使用类、ID、伪类都有不同的权重，具体应用哪条规则要看权限大小。 相同权重的规则应用最后出现的 可以使用!important强制提升某个规则的权限 权重应用 规则 粒度 ID 0100 class，类属性值 0010 标签,...
CSS样式表基础与应用
"CSS Basic.ppt - 介绍CSS样式表的基础知识，包括基本语法、选择符、属性值以及在网页中的应用，还涉及CSS的继承、层叠和特殊性。" CSS，即Cascading Style Sheets，是一种用于描述HTML或XML（包括如SVG、MathML等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值