【CSS】元素层叠优先级原则

最新推荐文章于 2022-11-22 12:01:54 发布

原创最新推荐文章于 2022-11-22 12:01:54 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

博客介绍了CSS中元素优先级的判断规则。static元素按HTML结构顺序，出现越晚优先级越高；position设为非static值时，优先级高于static元素，且元素间通过z - index值判断，若z - index相同则按HTML结构顺序确定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、static元素之间按HTML结构顺序确定优先级，元素出现的越晚，优先级就越高
2、设定position的值为非static值（relative、absolute、fixed）,则元素的优先级会高于static元素
3、设定position的值为非static值（relative、absolute、fixed）时，元素之间通过z-index值判断优先级
4、如果z-index相同，则按照HTML结构顺序确定优先级
(如果没有设置position，其值默认为static)