比如下面代码： 遇到这种情况直接使用!important声明强制优先。 选择器的优先权解释说明 内联样式表的权值最高 1000。 ID 选择器的权值为 100。 Class 类选择器的权值为 10。 HTML 标签（类型）选择器的权值为 1。 CSS优先级顺序 下列是一份优先级逐级增加的选择器列表： ...
分类：
Web程序 时间：
2019-04-20 19:50:57
阅读次数：
425
一、基本选择器分为通配符选择器、标签选择器、类选择器、id选择器 1、通配符选择器 *{} 就是一个星号，可以选中页面中的所有元素，但是其优先级是最低的 2、标签选择器 div{} span{} 其实就是写标签名，就可以选择到对应的元素，优先级仅高于通配符选择器 3、类选择器 .nav{} .nam ...
分类：
其他好文 时间：
2019-03-04 09:57:29
阅读次数：
180
css三大特性 1、层叠性（就近原则） 2、继承性（和文字有关的会继承） 3、优先级 （权重问题） 权重：0,0,0,0 0001 标签选择器（注意：即使有20个标签选择器也不会比一个伪类选择器优先级高） 0010 类选择器，伪类选择器，属性选择器，伪元素选择器 0100 id选择器 1000 行内 ...
分类：
Web程序 时间：
2019-03-03 09:45:39
阅读次数：
249
一、问题引出 一段代码 在CSS中使用不同的选择器对文字的颜色进行设置。 最终的字体颜色是黄色，当然也可以尝试把3种设置顺序颠倒查看效果。 二、问题答案 元素采用了某种排序机制，在这一机制种，id选择器优于类选择器，而类选择器又优于标签选择器，因此最后字体显示为黄色。这一类机制就称为优先级机制。 三 ...
分类：
Web程序 时间：
2019-01-19 15:18:09
阅读次数：
169
1.字体设置 2.reset操作 3.高级选择器 高级选择器优先级 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>高级选择器优先级</title> <style> /* 优先级和个数(权重)相关 基础选择器优先级占主导: id ...
分类：
其他好文 时间：
2019-01-17 21:24:10
阅读次数：
263
一：基础选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基础选择器</title> <style> /*在实际开发中, 尽量少用或不用标签名来作为选择器*/ /*标签名作为选择器一般在该标签为最内层(语义|功能)标签*/ ...
分类：
Web程序 时间：
2019-01-16 19:48:53
阅读次数：
200
1 2 3 4 5 6 7 8 9 Document 10 29 30 31 class > 标签 > 通配符 > 默认样式; 33 2: .box div div > .box div >... ...
分类：
其他好文 时间：
2018-12-22 20:43:39
阅读次数：
191
!important作为优先级最高的选择器,在样式仍然有冲突的情况下,依旧要按照优先级顺序进行比较 选择器优先级顺序为: !important > 行内样式 > ID选择器 > 类选择器、伪类选择器 > 元素、为元素、属性选择器 > 通配符选择器 > 继承属性 为了将CSS的继承性、复用性、层叠性、 ...
分类：
Web程序 时间：
2018-12-04 17:16:54
阅读次数：
177
CSS中选择器优先级的权重计算 先看一段代码，如下： 请问上面代码中，a标签中文字的最终颜色是什么？知道CSS选择器优先级规则的童鞋都知道，在CSS中优先级顺序如下： ID选择器 > class选择器 > tag选择器所以，上面代码的颜色，大家都会选择 box a{ color: gre ...
分类：
Web程序 时间：
2018-11-11 23:38:13
阅读次数：
230
题外话 今天把 《CSS REFACTORING》（中文名叫《CSS重构：样式表性能调优》）电子书粗略的浏览了一遍，这本书很薄，150页左右，首先是介绍了什么是重构并举了两个简单的重构例子，然后介绍了CSS的选择器优先级，再然后介绍了CSS的最佳实践， 再然后就介绍如何重置浏览器的默认样式，最后比较 ...
分类：
Web程序 时间：
2018-11-06 22:28:56
阅读次数：
190
