如何确定html的优先级?

如何确定html的优先级?,第1张

按照浏览器类型比较,html元素的显示次序也有所不同,例如,在ns浏览器6.0以前的版本中,表单元素总是比其他html元素有更高的优先级.但在ns 6 以下浏览器中,iframe元素和所有的表单元素的显示次序或者由css的z-index属性值确定,或者由他们在html页面中出现的次数决定,但select元素除外.

几大类样式优先级

1、继承样式(无优先级)

<view class="c1">

  <span>span text</span>

</view>

span中的样式会继承view中定义的所有的样式,一但span中有自己的样式就会覆盖从view中继承的样式

2、通配样式

*星号 定义通配样式,引用样式文件的所有标签均可用,标签如有自己的样式也会覆盖通配样式中相同的属性值

3、标签样式

以系统标签命名的样式即适用于文件中该类标签,标签如有自己的样式……同上

4、class样式

5、id样式

#id1 {……} 

6、style样式

样式看完了,上硬菜,对以上六种样式做优先级讲解

1、继承样式 无优先级

2、*通配样式 优先级 0

3、div样式 优先级 0,0,0,0

4、.class类样式 优先级 0,0,1,0

5、#id样式 优先级 0,1,0,0

6、style样式 优先级 1,0,0,0

排序:6>5>4>3>2>1

如果在属性后面加上【!important】,那就是代表这个属性无可替代,以加了【!important】修饰的为准


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8285091.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存