美文网首页
CSS优先级

CSS优先级

作者: xiaoguo16 | 来源:发表于2020-04-07 17:37 被阅读0次

样式定义的位置:

从CSS定义的位置来看,有三种:
a. 内联样式:在具体的元素标签里面书写(缺点:没有实现结构与样式的分离)
b.嵌入式:在head标签中定义<style></style>
c.外部引入:引入外部css文件,用<link href="CSS文件的路径" type="text/CSS" rel="stylesheet" />
权重:a>b>c

选择器权重:

内联样式 >
ID 选择器 >
类选择器 = 属性选择器 = 伪类选择器 >
标签选择器 = 伪元素选择器

特殊的!important,这个会覆盖任意声明,破坏级联规则,尽量不使用。

相关文章

  • 前端复习第二周

    主要复习CSS,style来引入css,link来外联css文件 优先级标签内css优先级 > hand内部css...

  • CSS基础

    CSS :层叠样式表(Cascading Style Sheets)。 CSS 书写位置及优先级(优先级按顺序排列...

  • 【CSS优先级与!important】

    CSS样式优先级: 1、相同权值情况下,CSS样式的优先级总结来说,就是——就近原则(离被设置元素越近优先级别越高...

  • 定位css 和xpath

    推荐的定位方式的优先级 优先级最高:ID 优先级其次:name 优先级再次:CSS selector 优先级再次:...

  • css的优先级到底是怎么计算的呢?

    浏览器计算css优先级一共有三个阶段 优先级计算的顺序⬇️ CSS规则的重要性和来源 CSS规则的特殊性 CSS规...

  • CSS选择器优先级

    参考文章:优先级- CSS | MDN

  • css选择器优先级以及photoshop快捷键

    css选择器优先级 CSS选择器的优先级:作用的元素一样,样式一样,就会有优先级问题,当优先级相同时,一旦发生重...

  • css-note

    css学习内容 css基础语法 css使用方法 css选择器 css继承与层叠 css优先级 css命名规范 学习...

  • 9. 定位流

    1.css书写方式 书写优先级(同等优先级): !important > 行内 > 外链 = 内嵌 选择器优先级:...

  • CSS常见问题

    CSS优先级算法如何计算? 样式优先级规则: 优先级顺序为:!important>style>权重值权重规则:第一...

网友评论

      本文标题:CSS优先级

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