为您解读CSS优先级（3）
作者：dh20156 来源：css探索之旅-飘零雾雨的庄园 发布时间：2009-06-18 18:29:00
标签：css,优先级,继承
五、附加说明
文内的样式优先级为1,0,0,0，所以始终高于外部定义。这里文内样式指形如<div style="color:red">blah</div>的样式，而外部定义指经由<link>或<style& gt;卷标定义的规则。
有!important声明的规则高于一切。
如果!important声明冲突，则比较优先权。
如果优先权一样，则按照在源码中出现的顺序决定，后来者居上。
由继承而得到的样式没有specificity的计算，它低于一切其它规则(比如全局选择符*定义的规则)。
关于经由@import加载的外部样式，由于@import必须出现在所有其它规则定义之前(如不是，则浏览器应该忽略之)，所以按照后来居上原则，一般优先权冲突时是占下风的。
还需要说一下，IE是可以识别位置错误的@import的，但无论@import在什么地方，它都认为是位于所有其它规则定义之前的，这可能会引发一些误会。
优先权问题看起来简单，但背后还是有非常复杂的机制，在实际应用中需要多多留意。
六、练习
看完上面的文字后，来做几道非常简单的题目。（自己答完前，请不要先看各题给出的链接地址哦）
1. 如何让使用两个使用相同样式名的元素具有不同的效果：
运行代码框
固定效果：
固定代码：
<div class="test">传说中的测试</div>
<p class="test">传说中的测试</p>
0
投稿猜你喜欢
- 我们可以把表里每一个横行的数据，看成是不同的元组。在理解了这个概念后，昨天我们学了不少的namedtuple类，是否也能把元组转换成name
- 今天把Ext.js源码又读了一遍，不过这次比较认真。看完代码，有了不少收获也遇到不少问题。主要总结如下：1、document.execCom
目录Pyppeteer 是什么Pyppeteer能做什么截图导出PDF公众号链接导出PDF示例Pyppeteer 是什么介绍 Pyppete- 北京时间2020年12月1日，JetBrain公司推出了二十周年第三个稳定版的IntelliJ IDEA 2020.3 。距离上一个稳定版I
- 可以使用虚拟屏幕的方式，在虚拟屏幕上运行浏览器并进行截图操作，这样就不会影响当前屏幕的展示。具体实现可以使用Xvfb和pyvirtualdi
- 一、python批量查询练习通过接口批量查询该ip是否属于指定接口：import requestsimport jsonif __name_
- 千图成像也就是用N张图片组成一张图片的效果。制作方法有很多的，最常见的如用ps、懒人图云、foto-mosaik-edda这些制作。千图成像
- 先来看个实例#!/usr/bin/env python import sys def search2(a,m):
- 以前装过sql server，后来删掉。现在重装，却出现“以前的某个程序安装已在安装计算机上创建挂起的文件操作。运行安装程序之前必须重新启动
- HTTP（HyperTextTransferProtocol）是超文本传输协议的缩写，它用于传送WWW方式的数据，关于HTTP协议的详细内容
- 如果中间红色区域是针则可以用下面的代码检测，其阈值和斑点检测的参数根据图像像素值做相应修改检测的主要思路是先通过找到外面的大圆，再通过圆心定
- 什么是迭代（iteration）呢？给定一个list或者tuple，通过for循环来遍历这个list或者tuple、这种遍历就是迭代（ite
- 8是典型的七段数码管的例子，因为刚好七段都有经过，这里我写的代码是从1开始右转。这是看Mooc视频写的一个关于用七段数码管显示当前时间# -
- 一、前言最近忙着在服务器上跑代码学习积累了一些经验技巧这里用来记录分享给大家二、创建虚拟环境用来跑代码下面我会以一个实例为模板，学习完之后，
- 太多程序员没有太多心思去关注他们每天都在面对的编程字体，然后编码工作需要长时间盯着屏幕并阅读一些非常复杂的文本。一个好的字体可以很大程度上提
- 本文实例讲述了Python学习笔记之字符串和字符串方法。分享给大家供大家参考，具体如下：字符串在 python 中，字符串的变量类型显示为
- 本文实例为大家分享了Python threading模块对单个接口进行并发测试的具体代码，供大家参考，具体内容如下本文知识点通过在threa
- 一个表单焦点效果javascript函数，可以用在美化表单界面，挺好看的。function validForms(){
- 使用mysql二进制方式启动连接您可以使用MySQL二进制方式进入到mysql命令提示符下来连接MySQL数据库。实例以下是从命令行中连接m
- CentOS7服务器中apache、php7以及mysql5.7的配置代码如下所示：yum upgradeyum install net-t
