span text
美文网首页
html样式优先级

html样式优先级

作者: 海贼王Lorrin | 来源:发表于2021-11-18 14:07 被阅读0次

几大类样式优先级

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

<view class="c1">

  <span>span text</span>

</view>

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

2、通配样式

*定义的样式

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

3、标签样式

标签名定义的样式

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

4、class样式

html 命名为c1的样式

5、id样式

html

#id1 {……} 

6、style样式

head中用shyle修饰的样式

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

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】,那就是代表这个属性无可替代,以加了【!important】修饰的为准

相关文章

  • css样式表回忆录

    css是一套处理html显示样式的方法,可以独立于html文件之外使用,也可以在html中嵌入使用它。 样式优先级...

  • html样式优先级

    几大类样式优先级 1、继承样式(无优先级) span text

  • HTML

    一.基本结构 注释 二.样式表 CSS 层叠样式表:改变HTML文档样式的计算机语言 层叠:样式的优先级,当样式属...

  • CSS选择器优先性以及权重计算

    样式根据引入和声明需要分开介绍,一般来说分为引入样式优先级和声明样式优先级。 一、引入样式优先级 引入样式优先级一...

  • js知识总结

    前端: HTML后台:Java PHP web标准: 样式的优先级: 实际开发中class和style不能同...

  • day01 html 与 css 的含义 + 常用标签 + 常用

    html 与 css 的含义 html语法结构 常用标签 css修饰语法 css常用样式 常用选择器以级优先级

  • HTML & CSS & JavaScript 知识点

    1. HTML 2. CSS 2.1 CSS 选择器优先级 !important > 行间样式 > id 选择器 ...

  • css 基本

    css基本 在HTML中使用CSS(引入CSS) 样式优先级(从高到低) 选择器 没有选择器就没法确定样式的作用范...

  • css优先级-权重值

    CSS的权重值 位置优先级 当html元素的class在调用样式时,权重值越大优先级越高,尤其是一个class有多...

  • 选择器的优先级

    影响优先级的因素:加载顺序:html和css都是从上到下加载,当样式起冲突以后,后面的css样式会覆盖前面的。注意...

网友评论

      本文标题:html样式优先级

      本文链接:https://www.haomeiwen.com/subject/oabdtrtx.html