7-4三种方法的优先级
来源:互联网 发布:js 扇形统计图 插件 编辑:程序博客网 时间:2024/06/06 02:40
有的小伙伴问了,如果有一种情况:对于同一个元素我们同时用了三种方法设置css样式,那么哪种方法真正有效呢?在右边编辑器就出现了这种情况
1、使用内联式
CSS设置“超酷的互联网”文字为粉色
。
2、然后使用嵌入式
CSS来设置文字为红色
。
3、最后又使用外部式
设置文字为蓝色
(style.css文件中设置)。
但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色
。因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。感兴趣的小伙伴可以试一下,把它们调换顺序,再看他们的优先级是否变化。
其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)
。
但注意上面所总结的优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下,什么是权值呢?在后面的9-2小节中会讲解到。
0 0
- 7-4三种方法的优先级
- 三种方法的优先级
- 三种方法的优先级
- 【Html】三种CSS样式的优先级
- css三种引入方式的优先级
- css 三种样式的优先级问题
- CSS控制页面的4种方法的优先级
- HTML引入CSS样式三种方法及优先级
- 方法重载的优先级
- CSS三种写法的优先级(CSS优先级的另一篇总结)
- CSS的三种样式以及他们的优先级
- CSS三种样式的优先级(转)
- CSS的三种样式表和优先级
- “偷工减料”方法的测试优先级?
- 多态中,方法的调用优先级
- java构造方法的优先级
- 设置mapreduce的job的优先级的两种方法
- 产品经理定义需求优先级的四种方法
- 判断一个单链表是否有环,若有,找出环的入口节点
- 7-2嵌入式css样式,写在当前的文件中
- LeetCode Count Numbers with Unique Digits
- leetcode 190 Reverse Bits
- Eclipse 中Hibernate tools 的安装和使用
- 7-4三种方法的优先级
- Leetcode题解 231. Power of Two
- Linux 系列(七)——Zookeeper集群搭建
- spring aop技术 2 - 代理机制实现功能
- uva1588Kickdown
- 80道常见数据结构面试题及其解法(2)
- Linux setuid setgid stickybit 权限
- Python2.7中的super方法浅见
- JavaScript -- JSON