程序博客网 > 元数据驱动开发

CSS优先级问题

来源：互联网发布：元数据驱动开发编辑：程序博客网时间：2024/05/16 06:01

最近有接触到优先级的相关题目，在这里做一个简单的总结。

在常用的选择器中，优先级顺序依次为：内联样式 > id选择器 > 类选择器 > 标签选择器

我们这样定义他们的权重，定义内敛样式为1000，那么id选择器为100，类选择器为10，标签选择器为1，也就是我们在判断样式的优先级时，对应的标签权重相加，得到的越大，越优先。

如下html代码：

<body>

<div id = "box">

<p>test</p>

</div>

</body>

下面是css

1.#box{color：red；}

2.p{color:blue;}

3.body p{color:yellow}

则优先权重分别是1.100 2.10 3.10+10

0 0

元数据驱动开发

元数据驱动开发

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子锻钢弯头锻钢固定球阀锻钢阀门钢锻锻钢不绣钢门绣钢门晶钢门白钢门钢门塑钢门套彩钢门阳台塑钢门钢门价格塑钢门滑轮塑钢门厂家朔钢门不秀钢门钢门息肉钢门出血钢门痒钢门瘙痒晶钢门颜色晶钢门价格木钢门无绣钢门锌钢门黑镜钢门晶钢门机械晶钢门图片镜钢门钢门痒是怎么回事郑州晶钢门铝材批发 304不绣钢门价格橱柜门晶钢门晶钢门铝材批发厂家不绣钢门价格不秀钢门图片价格什么是塑钢门晶钢门橱柜多少钱一米晶钢门橱柜效果图